Zpět na ovládací panel

Dokumentace

Naučte se používat Asyntai

Jak přidat Asyntai AI Chatbota na Blogger

Průvodce krok za krokem pro weby Blogger

Získat kód pro vložení

Krok 1: Získejte svůj vkládací kód

Nejprve přejděte na svůj Asyntai Dashboard a sjeďte dolů do sekce „Embed Code“. Zkopírujte svůj jedinečný vkládací kód, který bude vypadat takto:

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

Poznámka: Kód výše je pouze příklad. Musíte zkopírovat svůj vlastní unikátní kód pro vložení z vašeho Dashboardu, protože obsahuje vaše osobní ID widgetu.

Krok 2: Použití gadgetu HTML/JavaScript (doporučeno)

Nejjednodušší způsob, jak přidat chatbota, je pomocí vestavěného gadgetu HTML/JavaScript v Bloggeru:

  1. Přihlaste se do svého Blogger Dashboard na blogger.com
  2. Vyberte svůj blog ze seznamu
  3. Klikněte na "Layout" v levém postranním panelu
  4. Najděte sekci, kam chcete widget přidat (nejlépe zápatí)
  5. Klikněte na "Add a Gadget"
  6. Vyberte „HTML/Javascript“ ze seznamu gadgetů
  7. Ponechte název prázdný (nebo přidejte vlastní, pokud chcete)
  8. Vložte svůj Asyntai embed kód do oblasti obsahu
  9. Klikněte na "Save"
  10. Klikněte na „Save“ v pravém dolním rohu stránky Layout

Tip: Přidání gadgetu do sekce zápatí zajistí, že se načte na všech stránkách vašeho blogu. Chatbot se zobrazí jako plovoucí tlačítko bez ohledu na to, kam gadget umístíte.

Alternativa: Úprava HTML motivu

Kód můžete také přidat přímo do HTML svého motivu:

  1. Přejděte na "Theme" v levém postranním panelu
  2. Klikněte na šipku dolů (More) vedle „Customize“
  3. Vyberte "Edit HTML"
  4. Stiskněte Ctrl+F (nebo Cmd+F na Macu) pro otevření vyhledávání
  5. Vyhledejte </body>
  6. Vložte svůj Asyntai embed kód těsně před značku </body>
  7. Klikněte na "Save"

Důležité: Při úpravách HTML šablony dávejte pozor, abyste nesmazali nebo nezměnili jiný kód. Nejprve si šablonu zálohujte: ve stejné nabídce klikněte na „Backup“ a poté na „Download“.

Krok 3: Ověřte instalaci

Po uložení změn navštivte svůj blog v nové záložce prohlížeče nebo v anonymním okně. V pravém dolním rohu byste měli vidět tlačítko chatovacího widgetu. Klikněte na něj a ověřte, že se správně otevírá a funguje.

Nevidíte widget? Bloggeru může trvat několik minut, než změny aplikuje. Zkuste vymazat mezipaměť prohlížeče nebo zobrazit stránku v anonymním okně. Ujistěte se, že jste po přidání gadgetu klikli na "Save".