Vissza az irányítópultra

Dokumentáció

Ismerd meg az Asyntai használatát

Az Asyntai AI Chatbot hozzáadása a Bloggerhez

Lépésről lépésre útmutató Blogger weboldalakhoz

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ó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: HTML/JavaScript kütyü használata (ajánlott)

A chatbot hozzáadásának legegyszerűbb módja a Blogger beépített HTML/JavaScript kütyüjének használata:

  1. Lépjen be a Blogger Irányítópultba a blogger.com oldalon
  2. Válassza ki blogját a listából
  3. Kattintson az „Elrendezés" gombra a bal oldali sávban
  4. Keressen egy szakaszt, ahová a widgetet szeretné hozzáadni (lehetőleg a láblécbe)
  5. Kattintson a „Kütyü hozzáadása" gombra
  6. Válassza a "HTML/Javascript" lehetőséget a kütyük listájából
  7. Hagyja üresen a címet (vagy adjon meg egyet, ha szeretné)
  8. Illessze be az Asyntai beágyazási kódot a tartalom területére
  9. Kattintson a „Mentés" gombra
  10. Kattintson a "Save" gombra a Layout oldal jobb alsó sarkában

Tipp: A kütyü láblécbe való hozzáadása biztosítja, hogy blog összes oldalán betöltődjön. A chatbot lebegő gombként jelenik meg, függetlenül attól, hogy hová helyezi a kütyüt.

Alternatíva: Téma HTML szerkesztése

A kódot közvetlenül a téma HTML-jéhez is hozzáadhatja:

  1. Lépjen a „Téma" menübe a bal oldali sávban
  2. Kattintson a "Customize" melletti lefelé mutató nyílra (More)
  3. Válassza a „HTML szerkesztése" lehetőséget
  4. Nyomja meg a Ctrl+F (vagy Cmd+F Mac-en) billentyűkombinációt a keresés megnyitásához
  5. Keresd meg a </body> elemet
  6. Illessze be az Asyntai beágyazási kódot közvetlenül a </body> tag elé
  7. Kattintson a „Mentés" gombra

Fontos: A téma HTML-kódjának szerkesztésekor ügyeljen arra, hogy ne törölje vagy módosítsa a többi kódot. Először készítsen biztonsági másolatot a témáról: ugyanabban a menüben kattintson a "Backup", majd a "Download" lehetőségre.

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

A változtatások mentése után látogassa meg blogjá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? A Blogger néhány percet vehet igénybe a változtatások alkalmazásához. Próbálja meg törölni a böngésző gyorsítótárát, vagy tekintse meg inkognító ablakban. Győződjön meg arról, hogy a kütyü hozzáadása után a „Mentés" gombra kattintott.