Kako dodati klepetalnik Asyntai z UI v Drupal

Vodič po korakih za spletne strani Drupal

Platforma:

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

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

Opomba: Zgornja koda je le primer. Svojo edinstveno vdelovalno kodo morate kopirati iz svoje Nadzorne plošče, saj vsebuje vaš osebni ID klepetalnika.

Korak 2: Uporaba modula za skripte v glavi in nogi (priporočeno)

Najlažji način za dodajanje klepetalnika je uporaba modula "Header and Footer Scripts":

Prijavite se v svojo skrbniško ploščo Drupal
Pojdite na Razširitve in kliknite "Namesti nov modul"
Poiščite "Header and Footer Scripts" ali ga prenesite z Drupal.org
Namestite in omogočite modul
Pojdite na Konfiguracija → Razvoj → Header and Footer Scripts
Kliknite na zavihek "Noga"
Prilepite svojo vdelovalno kodo Asyntai v besedilno polje skriptov noge
Kliknite "Shrani konfiguracijo"

Nasvet: Dodajanje kode v razdelek noge zagotavlja nalaganje po vsebini strani, kar je priporočeno za klpetalnik.

Alternativa: Uredite predlogo teme

Kodo lahko dodate neposredno v datoteko predloge teme:

Pojdite v mapo teme: themes/your_theme/
Odprite datoteko html.html.twig (ali jo ustvarite, če ne obstaja)
Poiščite zaključno oznako </body>
Prilepite svojo vdelovalno kodo Asyntai tik pred oznako </body>
Shranite datoteko
Počistite predpomnilnik Drupal: Konfiguracija → Zmogljivost → Počisti vse predpomnilnike

Pomembno: Spremembe datotek teme so lahko prepisane ob posodobitvi teme. Razmislite o uporabi podrejene teme ali modula Header and Footer Scripts za trajnejšo rešitev.

Alternativa: Uporaba knjižnic (za razvijalce)

Za razvijalce, ki raje uporabo sistema knjižnic sredstev Drupal:

Ustvarite ali uredite datoteko *.libraries.yml svoje teme
Dodajte nov vnos knjižnice:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Pripnite knjižnico v datoteki *.info.yml svoje teme:
libraries: - your_theme/asyntai-chatbot
Počistite predpomnilnik Drupal

Korak 3: Preverite namestitev

Po shranjevanju sprememb in čiščenju predpomnilnika obiščite svojo spletno stran v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb klepetalnika. Kliknite ga, da preverite, ali se pravilno odpre in deluje.