Vissza az irányítópultra

Dokumentáció

Ismerd meg az Asyntai használatát

Az Asyntai AI Chatbot hozzáadása a Google Oldalakhoz

Lépésről lépésre útmutató a Google Oldalakhoz

Beágyazási kód lekérése

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

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

Megjegyzés: A fenti kód csak egy példa. Le kell másolnia saját egyedi beágyazási kódját az Irányítópultról, mivel az tartalmazza személyes widget-azonosítóját.

2. lépés: Kód hozzáadása a beágyazási funkcióval

A Google Oldalak beágyazási funkciót használ egyéni HTML és JavaScript kód hozzáadásához:

  1. Számítógépen nyissa meg oldalát a Google Oldalakban
  2. Navigáljon arra az oldalra, ahol a chatbotot hozzá szeretné adni
  3. Kattintson a „Beillesztés" gombra a jobb oldali sávban (vagy a felső menüből)
  4. Válassza a „Beágyazás" lehetőséget
  5. Kattintson a „Beágyazási kód" fülre a tetején
  6. Illessze be az Asyntai beágyazási kódot a szövegmezőbe
  7. Kattintson a „Tovább" gombra az előnézet megtekintéséhez
  8. Kattintson a „Beillesztés” gombra a kód oldalhoz való hozzáadásához
  9. Kattintson a "Közzététel" gombra a jobb felső sarokban a módosítások élesítéséhez

Tipp: A Google Oldalak az beágyazásokat iframe-be csomagolja, ezért a chatbot a beágyazási területen belül fog megjelenni, nem a böngésző sarkához rögzítve. A legjobb élmény érdekében helyezze a beágyazási elemet az oldaltartalom legaljára, hogy a chatbot gomb könnyen megtalálható legyen.

Hozzáadás több oldalhoz

A chatbot több Google Oldal oldalhoz való hozzáadásához:

  1. Ismételje meg minden oldalon, ahol a chatbotot szeretné
  2. Alternatívaként adja hozzá a beágyazást egy fejléc vagy lábléc részhez, ha a sablon ezt támogatja
  3. Sok oldalt tartalmazó webhelyeknél fontolja meg a főbb céloldalakhoz való hozzáadást először

Megjegyzés: Más platformoktól eltérően a Google Oldalaknak nincs egyetlen „egész webhelyre kiterjedő" kód injektálási pontja. A beágyazási kódot minden oldalhoz hozzá kell adnia, ahol a chatbotot meg szeretné jeleníteni, vagy egyéni fejlécet/lábléct kell használnia, ha a téma ezt támogatja.

Hogyan kezeli a Google Oldalak a beágyazott kódot

A Google Oldalak kódfeldolgozásának megértése:

  • A Google Oldalak a kódot egy <iframe> elembe csomagolja egy elszigetelt környezetben
  • A JavaScriptnek <script> tageken belül kell lennie (amit az Asyntai kód már tartalmaz)
  • Hivatkozhat külső JavaScript fájlokra (mint az Asyntai widget)
  • A beágyazási funkció kevésbé korlátozó, mint a klasszikus Google Oldalak HTML-doboza
  • A beágyazott kód nem kerül indexelésre a webhely keresésében

Fontos: A Google Oldalak iframe-elszigetelése miatt néhány fejlett funkció másképp viselkedhet, mint a hagyományos webhelyeken. Az Asyntai chatbot ezeken a korlátokon belül való működésre van tervezve.

3. lépés: Telepítés ellenőrzése

A változtatások közzététele után látogassa meg Google Oldalát egy új böngészőlapon vagy inkognító ablakban. Látnia kell a chat widget gombot a jobb alsó sarokban. Kattintson rá, hogy meggyőződjön arról, hogy megfelelően nyílik meg és működik.

Nem látja a widgetet? Győződjön meg arról, hogy közzétette oldalát (nem csak mentette). Próbálja meg inkognító ablakban megtekinteni a gyorsítótárazás megkerüléséhez. Ellenőrizze a böngésző konzolját (F12) a hibák azonosításához. Győződjön meg arról, hogy a beágyazás helyesen lett beillesztve az oldal szerkesztésével és a beágyazási elem ellenőrzésével.