Späť na panel

Dokumentácia

Naučte sa používať Asyntai

Ako pridať Asyntai AI chatbota do Google Sites

Návod krok za krokom pre Google Sites

Získať vkladací kód

Krok 1: Získajte svoj vkladací kód

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii „Vkladací kód“. Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

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

Poznámka: Kód vyššie je len príklad. Musíte skopírovať svoj vlastný jedinečný vkladací kód zo svojho Dashboardu, pretože obsahuje vaše osobné ID widgetu.

Krok 2: Pridanie kodu pomocou funkcie Embed

Google Sites pouziva funkciu embed na pridanie vlastného HTML a JavaScript kodu:

  1. Na pocitaci otvorte svoju stránku v Google Sites
  2. Prejdite na stránku, kde chcete pridat chatbota
  3. Kliknite na "Vlozit" v pravom bocnom paneli (alebo z horneho menu)
  4. Vyberte "Embed" z možnosti
  5. Kliknite na kartu \"Embed code\" v hornej časti
  6. Vložte svoj vkladací kód Asyntai do textového poľa
  7. Kliknite na \"Next\" na náhľad toho, ako to bude vyzerať
  8. Kliknite na \"Insert\" na pridanie kódu na vašu stránku
  9. Kliknite na "Publikovat" vpravo hore na zverejnenie vasich zmien

Tip: Google Sites obaluje vloženia do iframe, takze sa chatbot zobrazi vo vnutri oblasti vloženia namiesto fixovania v rohu prehliadača. Pre najlepší zazitok umiestnite element vloženia na uplny spodok obsahu vasej stránky, aby bolo tlačidlo chatbota lahke najst.

Pridanie na viacero stránok

Na pridanie chatbota na viacero stránok vasho Google Site:

  1. Zopakujte proces vloženia pre kazdu stránku, kde chcete chatbota
  2. Alternativne pridajte vloženie do sekcie hlavička alebo pata, ak to vasa šablóna podporuje
  3. Pre stránky s mnohými podstránkami zvážte najprv pridanie na hlavné vstupné stránky

Poznámka: Na rozdiel od niektorych inych platform, Google Sites nema jediny bod vkladania kodu pre cely web. Budete musiet pridat vkladací kod na kazdu stránku, kde chcete, aby sa chatbot zobrazoval, alebo použite vlastnú hlavičku/patu, ak to vasa tema podporuje.

Ako Google Sites spracovava vložený kod

Pochopenie toho, ako Google Sites spracovava vas kod:

  • Google Sites obaluje vas kod do elementu <iframe> v sandboxovanom prostredi
  • JavaScript musi byt v tagoch <script> (co vas kod Asyntai uz obsahuje)
  • Môžete odkazovať na externé JavaScript súbory (ako widget Asyntai)
  • Funkcia vloženia je menej restriktivna ako klasicky HTML Box od Google Sites
  • Vložený kód sa neindexuje vo vyhľadávaní stránky

Dôležité: Kvoli iframe sandboxingu Google Sites sa niektore pokročilé funkcie mozu spravat inak ako na tradicnych webových strankach. Chatbot Asyntai je navrhnuty tak, aby fungoval v ramci tychto obmedzeni.

Krok 3: Overenie inštalácie

Po publikovani vasich zmien navštívte svoju stránku Google Site v novej karte prehliadača alebo v okne inkognito. Mali by ste vidiet tlačidlo chatoveho widgetu v pravom dolnom rohu. Kliknite nan, aby ste sa uistili, ze sa otvara a funguje správne.

Nevidíte widget? Uistite sa, že ste svoju stránku publikovali (nielen uložili). Skúste zobraziť v okne inkognito na obídenie akéhokoľvek ukladania do vyrovnávacej pamäte. Skontrolujte konzolu prehliadača (F12) kvôli prípadným chybám. Overte, že vloženie bolo správne vložené úpravou stránky a kontrolou elementu vloženia.