Kako dodati klepetalnik Asyntai z UI v Drupal

Vodič po korakih za spletne strani Drupal

Platforma:

Korak 1: Pridobite svojo vdelovalno kodo

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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"
Search for "Header and Footer Scripts" or download it from 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 klepetalnike.

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 uporabljajo sistem 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.