Jak přidat Asyntai AI Chatbota na Drupal

Průvodce krok za krokem pro weby Drupal

Platforma:

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

Nejprve přejděte na svůj Asyntai Dashboard a přejděte dolů k sekci „Embed Code". Zkopírujte svůj unikátní kód pro vložení, který bude vypadat takto:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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í modulu Header and Footer Scripts (doporučeno)

Nejjednodušší způsob, jak přidat chatbota, je pomocí modulu "Header and Footer Scripts":

Přihlaste se do svého administračního panelu Drupal
Přejděte na Extend a klikněte na "Install new module"
Vyhledejte „Header and Footer Scripts" nebo si jej stáhněte z Drupal.org
Nainstalujte a aktivujte modul
Přejděte na Configuration → Development → Header and Footer Scripts
Klikněte na záložku "Footer"
Vložte svůj Asyntai embed kód do textové oblasti footer scripts
Klikněte na "Save configuration"

Tip: Přidání kódu do sekce zápatí zajistí, že se načte po obsahu stránky, což je doporučeno pro chatovací widgety.

Alternativa: Úprava šablony motivu

Kód můžete přidat přímo do souborů šablony svého motivu:

Přejděte do složky motivu: themes/your_theme/
Otevřete soubor html.html.twig (nebo jej vytvořte, pokud neexistuje)
Najděte uzavírací značku </body>
Vložte svůj Asyntai embed kód těsně před značku </body>
Uložte soubor
Vymažte mezipaměť Drupal: Configuration → Performance → Clear all caches

Důležité: Změny v souborech motivu mohou být přepsány při aktualizaci motivu. Zvažte použití podřízeného motivu nebo modulu Header and Footer Scripts pro trvalejší řešení.

Alternativa: Použití knihoven (pro vývojáře)

Pro vývojáře, kteří preferují systém knihoven aktiv Drupal:

Create or edit your theme's *.libraries.yml file
Přidejte nový záznam knihovny:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Připojte knihovnu v souborů *.info.yml svého motivu:
libraries: - your_theme/asyntai-chatbot
Vymažte mezipaměť Drupal

Krok 3: Ověřte instalaci

Po uložení změn a vymazání mezipaměti navštivte svůj web 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.