Jak přidat Asyntai AI chatbota na Google Sites
Podrobný návod pro Google Sites
Krok 1: Získejte svůj vkládací kód
Nejprve přejděte na svůj Asyntai Dashboard a sjeďte dolů do sekce „Embed Code“. Zkopírujte svůj jedinečný vkládací kód, který bude vypadat takto:
<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>
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 panelu vpravo
- 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
- U webů s mnoha stránkami zvažte přidání nejprve na hlavní vstupní stránky
Poznámka: Google Sites nemá jedno místo pro kód, který by platil pro celý web. Vložte kód na každou stránku, kde se má chatbot zobrazit.
Jak Google Sites zpracovává vložený kód
Pochopení toho, jak Google Sites zpracovává váš kód:
- Google Sites zobrazuje váš kód uvnitř prvku <iframe>
- 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)
Důležité: Protože Google Sites zobrazuje kód uvnitř iframe, některé funkce se mohou chovat jinak než na jiných webech. Chatbot Asyntai je navržen tak, aby uvnitř tohoto iframe fungoval.
Krok 3: Ověřte instalaci
Po publikování změn otevřete svůj web Google Sites v nové záložce prohlížeče nebo v anonymním okně. Uvnitř oblasti vloženého obsahu na stránce byste měli vidět tlačítko chatovacího widgetu. Klikněte na něj a ověřte, že se otevře a funguje správně.
Nevidíte widget? Ujistěte se, že jste web publikovali (nejen uložili). Zkuste zobrazení v anonymním okně pro obejití cachování. Zkontrolujte konzoli prohlížeče (F12) pro případné chyby. Ověřte správné vložení úpravou stránky a kontrolou vloženého prvku.
Weebly