Ako pridat Asyntai AI chatbota do Drupal

Návod krok za krokom pre webove stránky Drupal

Platforma:

Krok 1: Ziskajte svoj vkladací kod

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii "Vkladaci kod". Skopirujte svoj jedinečný vkladací kod, ktory bude vyzerat takto:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Poznámka: Kod vyššie je len priklad. Musite skopirovat svoj vlastný jedinečný vkladací kod zo svojho Dashboardu, pretože obsahuje vase osobne ID widgetu.

Krok 2: Použitie modulu Header and Footer Scripts (odporúčané)

Najjednoduchší sposob pridania chatbota je použitie modulu "Header and Footer Scripts":

Prihlaste sa do svojho administracneho panelu Drupal
Prejdite na Rozsirenia a kliknite na "Instalovat novy modul"
Vyhladajte "Header and Footer Scripts" alebo ho stiahnite z Drupal.org
Nainštalujte a povolte modul
Prejdite na Konfiguracia → Vyvoj → Header and Footer Scripts
Kliknite na kartu "Pata"
Vložíte svoj vkladací kod Asyntai do textovej oblasti skriptov paty
Kliknite na "Ulozit konfiguráciu"

Tip: Pridanie kodu do sekcie paty zabezpeci, ze sa nacita po obsahu stránky, co je odporúčané pre chatove widgety.

Alternativa: Uprava šablóny temy

Kod môžete pridat priamo do súboru šablóny vasej temy:

Prejdite do priečinka vasej temy: themes/vasa_tema/
Otvorte súbor html.html.twig (alebo ho vytvorte, ak neexistuje)
Najdite uzatvaraci tag </body>
Vložíte svoj vkladací kod Asyntai tesne pred tag </body>
Uložte súbor
Vymažte vyrovnávaciu pamat Drupal: Konfiguracia → Vykon → Vymazat všetky vyrovnavacie pamate

Dôležité: Zmeny súborov temy mozu byt prepisane pri aktualizacii vasej temy. Zvazite použitie detskej temy alebo modulu Header and Footer Scripts pre trvalejsie riešenie.

Alternativa: Použitie kniznic (pre vývojárov)

Pre vývojárov, ktori uprednostnuju použitie systemu kniznic aktiv Drupal:

Vytvorte alebo upravte súbor *.libraries.yml vasej temy
Pridajte novy zaznam knižnice:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Pripojte knižnicu v subore *.info.yml vasej temy:
libraries: - your_theme/asyntai-chatbot
Vymažte vyrovnávaciu pamat Drupal

Krok 3: Overenie inštalácie

Po uložení vasich zmien a vymazani vyrovnávacej pamate navštívte svoju webovú stránku v novej karte prehliadača alebo v okne inkognito. Mali by ste vidiet tlačidlo chatoveho widgetu v pravom dolnom rohu. Kliknite nan, aby ste sa uistili, ze sa otvara a funguje správne.