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

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

Platform:

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

Először lépjen az Asyntai irányítópultjára, és görgessen le az "Embed Code" szakaszhoz. Másolja ki egyedi beágyazási kódját, amely így fog kinézni:

<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>

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 az "Insert" gombra a jobb oldali panelen
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é
Sok oldalt tartalmazó webhelyeknél fontolja meg a főbb céloldalakhoz való hozzáadást először

Megjegyzés: A Google Sites-ban nincs egyetlen olyan hely a kódnak, amely az egész webhelyre vonatkozik. Adja hozzá a beágyazási kódot minden olyan oldalhoz, ahol meg szeretné jeleníteni a chatbotot.

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

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

A Google Sites a kódot egy <iframe> elemen belül jeleníti meg
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)

Fontos: Mivel a Google Sites a kódot egy iframe-en belül jeleníti meg, egyes funkciók másként működhetnek, mint más webhelyeken. Az Asyntai chatbotot úgy tervezték, hogy ebben az iframe-ben is működjön.

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

A módosítások közzététele után nyissa meg Google Sites webhelyét egy új böngészőlapon vagy inkognitóablakban. A chat widget gombjának meg kell jelennie az oldalon, a beágyazási területen belül. Kattintson rá, és ellenőrizze, hogy megnyílik-e és megfelelően működik-e.