Slik legger du til Asyntai AI-chatbot på Google Sites

Trinn-for-trinn-guide for Google Sites

Plattform:

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til delen "Embed Code". Kopier den unike innbyggingskoden din, som vil se slik ut:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Legg til kode med innbyggingsfunksjonen

Google Sites bruker en innbyggingsfunksjon for å legge til egendefinert HTML- og JavaScript-kode:

Åpne nettstedet ditt i Google Sites på en datamaskin
Naviger til siden der du vil legge til chatboten
Klikk på "Insert" i panelet til høyre
Velg «Embed» fra alternativene
Klikk på fanen «Embed code» øverst
Lim inn Asyntai-innbyggingskoden i tekstboksen
Klikk på «Next» for å forhåndsvise hvordan det vil se ut
Klikk på «Insert» for å legge til koden på siden din
Klikk på «Publish» øverst til høyre for å publisere endringene dine

Tips: Google Sites pakker innbygginger inn i en iframe, så chatboten vil vises inne i innbyggingsområdet i stedet for å være festet til nettleserhjørnet. For best mulig opplevelse, plasser innbyggingselementet helt nederst på sideinnholdet slik at chatbot-knappen er enkel å finne.

Legge til på flere sider

For å legge til chatboten på flere sider på Google-nettstedet ditt:

Gjenta innbyggingsprosessen for hver side der du vil ha chatboten
For nettsteder med mange sider, vurder å legge det til på hovedlandingssidene først

Merk: Google Sites har ikke ett felles sted for kode som gjelder hele nettstedet. Legg til innbyggingskoden på hver side der du vil at chatboten skal vises.

Hvordan Google Sites håndterer innbygget kode

Forstå hvordan Google Sites behandler koden din:

Google Sites viser koden din i et <iframe>-element
JavaScript må være innenfor <script>-tagger (som Asyntai-koden din allerede inkluderer)
Du kan referere til eksterne JavaScript-filer (som Asyntai-widgeten)

Viktig: Fordi Google Sites viser koden i en iframe, kan noen funksjoner oppføre seg annerledes enn på andre nettsteder. Asyntai-chatboten er laget for å fungere i denne iframen.

Trinn 3: Bekreft installasjonen

Når du har publisert endringene, besøker du Google Sites-nettstedet ditt i en ny nettleserfane eller et inkognitovindu. Du skal se chatwidget-knappen inne i innbyggingsområdet på siden. Klikk på den for å sikre at den åpnes og fungerer som den skal.