Zpět na přehled

Dokumentace

Naučte se používat Asyntai

Jak přidat Asyntai AI chatbota na Google Sites

Podrobný návod pro Google Sites

Získat kód pro vložení

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:

  1. Na počítači otevřete svůj web v Google Sites
  2. Přejděte na stránku, kam chcete chatbota přidat
  3. Klikněte na „Insert“ v panelu vpravo
  4. Vyberte "Embed" z možností
  5. Klikněte na záložku "Embed code" nahoře
  6. Vložte váš Asyntai embed kód do textového pole
  7. Klikněte na "Next" pro náhled vzhledu
  8. Klikněte na "Insert" pro přidání kódu na stránku
  9. 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:

  1. Opakujte proces vložení pro každou stránku, kde chcete chatbota
  2. 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.