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 ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 det högra sidofältet (eller från toppmenyn)
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
Alternativt, lägg till inbäddningen i ett sidhuvud- eller sidfot-avsnitt om din mall stöder det
För webbplatser med många sidor, överväg att lägga till det på dina huvudsakliga landningssidor först

Obs! Till skillnad från vissa andra plattformar har Google Sites ingen enskild kodinjektion som gäller hela webbplatsen. Du behöver lägga till inbäddningskoden på varje sida där du vill att chattboten ska visas, eller använda en anpassad sidhuvud/sidfot om ditt tema stödjer det.

Hur Google Sites hanterar inbäddad kod

Förstå hur Google Sites behandlar din kod:

Google Sites omsluter din kod i ett <iframe>-element i en sandlådemiljö
JavaScript måste vara inom <script>-taggar (vilket din Asyntai-kod redan inkluderar)
Du kan referera till externa JavaScript-filer (som Asyntai-widgeten)
Inbäddningsfunktionen är mindre restriktiv än klassiska Google Sites HTML Box
Inbäddad kod indexeras inte i webbplatssökning

Viktigt: På grund av Google Sites iframe-sandboxing kan vissa avancerade funktioner bete sig annorlunda än på traditionella webbplatser. Asyntai-chattboten är utformad för att fungera inom dessa begränsningar.

Steg 3: Verifiera installationen

Efter att du har publicerat dina ändringar, besök din Google Sites-webbplats i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att säkerställa att den öppnas och fungerar korrekt.