Jak přidat Asyntai AI chatbota na Google Sites

Podrobný návod pro Google Sites

Platforma:

Krok 1: Získejte svůj vkládací kód

Nejprve přejděte na svůj Asyntai Dashboard a přejděte dolů k sekci „Embed Code". Zkopírujte svůj unikátní kód pro vložení, který bude vypadat takto:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Poznámka: Kód výše je pouze příklad. Musíte zkopírovat svůj vlastní unikátní kód pro vložení z vašeho Dashboardu, protože obsahuje vaše osobní ID widgetu.

Krok 2: Přidání kódu pomocí funkce vložení

Google Sites používá funkci vložení pro přidání vlastního HTML a JavaScript kódu:

Na počítači otevřete svůj web v Google Sites
Přejděte na stránku, kam chcete chatbota přidat
Klikněte na "Insert" v pravém panelu (nebo z horního menu)
Vyberte "Embed" z možností
Klikněte na záložku "Embed code" nahoře
Vložte váš Asyntai embed kód do textového pole
Klikněte na "Next" pro náhled vzhledu
Klikněte na "Insert" pro přidání kódu na stránku
Klikněte na "Publish" vpravo nahoře pro zveřejnění změn

Tip: Google Sites obaluje vložené prvky do iframe, takže se chatbot zobrazí uvnitř oblasti vložení namísto fixování k rohu prohlížeče. Pro nejlepší zážitek umístěte vložený prvek úplně na konec obsahu stránky, aby bylo tlačítko chatbota snadno k nalezení.

Přidání na více stránek

Přidání chatbota na více stránek vašeho Google Site:

Opakujte proces vložení pro každou stránku, kde chcete chatbota
Alternativně přidejte vložení do sekce záhlaví nebo zápatí, pokud to vaše šablona podporuje
U webů s mnoha stránkami zvažte přidání nejprve na hlavní vstupní stránky

Poznámka: Na rozdíl od některých jiných platforem Google Sites nemá jediný bod pro vložení kódu na celý web. Budete muset přidat embed kód na každou stránku, kde chcete chatbota zobrazit, nebo použít vlastní záhlaví/zápatí, pokud to vaše šablona podporuje.

Jak Google Sites zpracovává vložený kód

Pochopení toho, jak Google Sites zpracovává váš kód:

Google Sites obaluje váš kód do elementu <iframe> v sandboxovaném prostředí
JavaScript musí být uvnitř značek <script> (což váš Asyntai kód již obsahuje)
Můžete odkazovat na externí soubory JavaScriptu (jako je widget Asyntai)
Funkce vložení je méně omezující než HTML Box klasických Google Sites
Vložený kód se neindexuje ve vyhledávání na webu

Důležité: Kvůli sandboxování iframe na Google Sites se některé pokročilé funkce mohou chovat jinak než na tradičních webech. Asyntai chatbot je navržen tak, aby fungoval v rámci těchto omezení.

Krok 3: Ověřte instalaci

Po publikování změn navštivte svůj Google Site v nové záložce prohlížeče nebo v anonymním okně. V pravém dolním rohu byste měli vidět tlačítko chatovacího widgetu. Klikněte na něj a ověřte, že se správně otevírá a funguje.