Kako dodati Asyntai AI chatbot na Drupal

Vodič 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: Korištenje modula Header and Footer Scripts (Preporučeno)

Najlakši način za dodavanje chatbota je korištenje modula \"Header and Footer Scripts\":

Prijavite se u svoj Drupal administratorski panel
Idite na Extend i kliknite "Install new module"
Potražite \"Header and Footer Scripts\" ili ga preuzmite s Drupal.org
Instalirajte i omogućite modul
Idite na Configuration → Development → Header and Footer Scripts
Kliknite na karticu "Footer"
Zalijepite svoj Asyntai ugradni kod u tekstualno polje za skripte podnožja
Kliknite "Spremi konfiguraciju"

Savjet: Dodavanje koda u odjeljak podnožja osigurava učitavanje nakon sadržaja stranice, što je preporučeno za widgete za razgovor.

Alternativa: Uredite predložak teme

Kod možete dodati izravno u datoteku predloška svoje teme:

Navigirajte do mape teme: themes/vaša_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
Očistite Drupalovu predmemoriju: Configuration → Performance → Clear all caches

Važno: Promjene u datotekama teme mogu biti prepisane prilikom ažuriranja teme. Razmislite o korištenju podteme ili modula Header and Footer Scripts za trajnije rješenje.

Alternativa: Korištenje biblioteka (Za programere)

Za programere koji preferiraju upravljanje skriptama kao datotekama:

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 } }
Priložite biblioteku u datoteku *.info.yml svoje teme:
libraries: - your_theme/asyntai-chatbot
Očistite Drupalovu predmemoriju

Korak 3: Provjerite instalaciju

Nakon spremanja promjena i čišćenja 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.