Ako pridať Asyntai AI chatbota do Drupal

Návod krok za krokom pre webové stránky Drupal

Platforma:

Krok 1: Získajte svoj vkladací kód

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii „Vkladací kód“. Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

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

Poznámka: Kód vyššie je len príklad. Musíte skopírovať svoj vlastný jedinečný vkladací kód zo svojho Dashboardu, pretože obsahuje vaše osobné 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í kód Asyntai do textovej oblasti skriptov päty
Kliknite na \"Save configuration\"

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)
Nájdite uzatvárací 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 súbore *.info.yml vašej témy:
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.