Kako dodati Asyntai AI chatbot na Drupal

Vodic korak po korak za Drupal web stranice

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

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

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Korak 2: Koristenje modula Header and Footer Scripts (Preporuceno)

Najlaksi nacin za dodavanje chatbota je koristenje modula "Header and Footer Scripts":

Prijavite se u svoj Drupal administratorski panel
Idite na Extend i kliknite "Install new module"
Potrazite "Header and Footer Scripts" ili ga preuzmite s Drupal.org
Instalirajte i omogucite modul
Idite na Configuration → Development → Header and Footer Scripts
Kliknite na karticu "Footer"
Zalijepite svoj Asyntai ugradni kod u tekstualno polje za skripte podnozja
Kliknite "Spremi konfiguraciju"

Savjet: Dodavanje koda u odjeljak podnozja osigurava ucitavanje nakon sadrzaja stranice, sto je preporuceno za widgete za razgovor.

Alternativa: Uredite predlozak teme

Kod mozete dodati izravno u datoteku predloska svoje teme:

Navigirajte do mape teme: themes/vasa_tema/
Otvorite datoteku html.html.twig (ili je izradite ako ne postoji)
Pronađite zatvarajuću oznaku </body>
Zalijepite svoj Asyntai kod za ugradnju neposredno prije oznake </body>
Spremite datoteku
Ocistite Drupalovu predmemoriju: Configuration → Performance → Clear all caches

Važno: Promjene u datotekama teme mogu biti prepisane prilikom azuriranja teme. Razmislite o koristenju podteme ili modula Header and Footer Scripts za trajnije rjesenje.

Alternativa: Koristenje biblioteka (Za programere)

For developers who prefer using Drupal's asset library system:

Izradite ili uredite datoteku *.libraries.yml svoje teme
Dodajte novi unos biblioteke:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Prilozhite biblioteku u datoteku *.info.yml svoje teme:
libraries: - your_theme/asyntai-chatbot
Ocistite Drupalovu predmemoriju

Korak 3: Provjerite instalaciju

Nakon spremanja promjena i ciscenja predmemorije, posjetite svoju web stranicu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb widgeta za razgovor u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.