Az Asyntai AI Chatbot hozzáadása a Google Oldalakhoz
Lépésről lépésre útmutató a Google Oldalakhoz
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:
- Számítógépen nyissa meg oldalát a Google Oldalakban
- Navigáljon arra az oldalra, ahol a chatbotot hozzá szeretné adni
- Kattintson a „Beillesztés" gombra a jobb oldali sávban (vagy a felső menüből)
- Válassza a „Beágyazás" lehetőséget
- Kattintson a „Beágyazási kód" fülre a tetején
- Illessze be az Asyntai beágyazási kódot a szövegmezőbe
- Kattintson a „Tovább" gombra az előnézet megtekintéséhez
- Kattintson a „Beillesztés” gombra a kód oldalhoz való hozzáadásához
- 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:
- Ismételje meg minden oldalon, ahol a chatbotot szeretné
- Alternatívaként adja hozzá a beágyazást egy fejléc vagy lábléc részhez, ha a sablon ezt támogatja
- 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.
Weebly