Come aggiungere il chatbot IA Asyntai a Google Sites
Guida passo passo per Google Sites
Passaggio 1: ottieni il tuo codice di incorporamento
Per prima cosa, vai alla tua Dashboard Asyntai e scorri fino alla sezione "Codice di incorporamento". Copia il tuo codice di incorporamento univoco che apparirà così:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
Nota: Il codice sopra è solo un esempio. Devi copiare il tuo codice di incorporamento univoco dalla tua Dashboard poiché contiene il tuo ID widget personale.
Passaggio 2: Aggiungi il codice usando la funzione di incorporamento
Google Sites utilizza una funzione di incorporamento per aggiungere codice HTML e JavaScript personalizzato:
- Da un computer, apri il tuo sito in Google Sites
- Vai alla pagina in cui desideri aggiungere il chatbot
- Clicca su "Insert" nella barra laterale destra (o dal menu in alto)
- Seleziona "Embed" tra le opzioni
- Clicca sulla scheda "Embed code" in alto
- Incolla il codice di incorporamento Asyntai nella casella di testo
- Clicca su "Next" per visualizzare l'anteprima
- Clicca su "Insert" per aggiungere il codice alla tua pagina
- Clicca su "Publish" in alto a destra per rendere le modifiche effettive
Suggerimento: Google Sites avvolge gli incorporamenti in un iframe, quindi il chatbot apparirà all'interno dell'area incorporata anziché fisso nell'angolo del browser. Per la migliore esperienza, posiziona l'elemento incorporato in fondo al contenuto della pagina in modo che il pulsante del chatbot sia facile da trovare.
Aggiunta a più pagine
Per aggiungere il chatbot a più pagine del tuo sito Google Sites:
- Ripeti per ogni pagina in cui vuoi il chatbot
- In alternativa, aggiungi l'incorporamento a una sezione header o footer se il tuo template lo supporta
- Per i siti con molte pagine, considera di aggiungerlo prima alle tue pagine di destinazione principali
Nota: A differenza di altre piattaforme, Google Sites non ha un singolo punto di iniezione di codice "a livello di sito". Dovrai aggiungere il codice di incorporamento a ogni pagina in cui vuoi che il chatbot appaia, oppure usare un header/footer personalizzato se il tuo tema lo supporta.
Come Google Sites gestisce il codice incorporato
Capire come Google Sites elabora il tuo codice:
- Google Sites avvolge il tuo codice in un elemento <iframe> in un ambiente sandbox
- Il JavaScript deve essere all'interno dei tag <script> (cosa che il tuo codice Asyntai include già)
- Puoi fare riferimento a file JavaScript esterni (come il widget Asyntai)
- La funzione di incorporamento è meno restrittiva dell'HTML Box del classico Google Sites
- Il codice incorporato non viene indicizzato nella ricerca del sito
Importante: A causa del sandboxing tramite iframe di Google Sites, alcune funzionalità avanzate potrebbero comportarsi diversamente rispetto ai siti web tradizionali. Il chatbot Asyntai è progettato per funzionare all'interno di questi vincoli.
Passaggio 3: verifica l'installazione
Dopo aver pubblicato le modifiche, visita il tuo sito Google Sites in una nuova scheda del browser o in una finestra di navigazione in incognito. Dovresti vedere il pulsante del widget chat nell'angolo in basso a destra. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.
Non vedi il widget? Assicurati di aver pubblicato il sito (non solo salvato). Prova a visualizzare in una finestra di navigazione in incognito per aggirare la cache. Controlla la console del browser (F12) per eventuali errori. Assicurati che l'incorporamento sia stato inserito correttamente modificando la pagina e controllando l'elemento incorporato.
Weebly