Hur du lägger till Asyntai AI-chattbot i Google Sites

Steg-för-steg-guide för Google Sites

Plattform:

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ned till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod, som ser ut så här:

<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>

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din Dashboard eftersom den innehåller ditt personliga widget-ID.

Steg 2: Lägg till kod med inbäddningsfunktion

Google Sites använder en inbäddningsfunktion för att lägga till anpassad HTML- och JavaScript-kod:

Öppna din webbplats i Google Sites på en dator
Navigera till sidan där du vill lägga till chattbotten
Klicka på "Insert" i panelen till höger
Välj "Embed" bland alternativen
Klicka på fliken "Embed code" högst upp
Klistra in din Asyntai-inbäddningskod i textrutan
Klicka på \"Nästa\" för att förhandsgranska hur det kommer att se ut
Klicka på "Insert" för att lägga till koden på din sida
Klicka på "Publicera" uppe till höger för att göra dina ändringar aktiva

Tips: Google Sites omsluter inbäddningar i en iframe, så chattboten visas inuti inbäddningsområdet snarare än fastsatt i webbläsarhörnet. För bästa upplevelse, placera inbäddningselementet längst ner i ditt sidinnehåll så att chattbotknappen är lätt att hitta.

Lägger till på flera sidor

För att lägga till chattboten på flera sidor på din Google-webbplats:

Upprepa inbäddningsprocessen för varje sida där du vill ha chattboten
För webbplatser med många sidor, överväg att lägga till det på dina huvudsakliga landningssidor först

Obs! Google Sites har ingen gemensam plats för kod som gäller hela webbplatsen. Lägg till inbäddningskoden på varje sida där du vill att chattbotten ska visas.

Hur Google Sites hanterar inbäddad kod

Förstå hur Google Sites behandlar din kod:

Google Sites visar din kod inuti ett <iframe>-element
JavaScript måste vara inom <script>-taggar (vilket din Asyntai-kod redan inkluderar)
Du kan referera till externa JavaScript-filer (som Asyntai-widgeten)

Viktigt: Eftersom Google Sites visar koden inuti en iframe kan vissa funktioner bete sig annorlunda än på andra webbplatser. Asyntai-chattbotten är utformad för att fungera inuti denna iframe.

Steg 3: Verifiera installationen

När du har publicerat dina ändringar, besök din Google Sites-webbplats i en ny webbläsarflik eller i ett inkognitofönster. Du bör se chattwidgetens knapp inuti inbäddningsområdet på sidan. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.