Asyntai AI -chatbotin lisääminen Drupal-alustalle

Vaiheittainen opas Drupal-verkkosivustoille

Alusta:

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

<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>

Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.

Vaihe 2: Header and Footer Scripts -moduulin käyttö (suositeltu)

Helpoin tapa lisätä chatbot on käyttää \"Header and Footer Scripts\" -moduulia:

Kirjaudu Drupal-hallintapaneeliin
Siirry kohtaan Extend ja napsauta \"Install new module\"
Hae \"Header and Footer Scripts\" tai lataa se osoitteesta Drupal.org
Asenna ja ota moduuli käyttöön
Siirry kohtaan Configuration → Development → Header and Footer Scripts
Napsauta \"Footer\"-välilehteä
Liitä Asyntai-upotuskoodisi alatunnisteen skriptien tekstikenttään
Napsauta "Save configuration"

Vinkki: Koodin lisääminen alatunnisteosaan varmistaa, että chatbot latautuu sivun sisällön jälkeen, mikä on suositeltavaa chat-widgeteille.

Vaihtoehto: Muokkaa teemamallia

Voit lisätä koodin suoraan teemasi mallitiedostoon:

Siirry teemakansioon: themes/your_theme/
Avaa html.html.twig-tiedosto (tai luo sellainen, jos sitä ei ole)
Etsi sulkeva </body>-tagi
Liitä Asyntai-upotuskoodisi juuri ennen </body>-tagia
Tallenna tiedosto
Tyhjennä Drupalin välimuisti: Configuration → Performance → Clear all caches

Tärkeää: Teematiedostojen muutokset saattavat ylikirjoittua teemaa päivitettäessä. Harkitse lapsiteeman tai Header and Footer Scripts -moduulin käyttöä pysyvämpänä ratkaisuna.

Vaihtoehto: Kirjastojen käyttö (kehittäjille)

Kehittäjille, jotka haluavat käyttää Drupalin resurssikirjastojärjestelmää:

Luo tai muokkaa teemasi *.libraries.yml-tiedostoa
Lisää uusi kirjastomerkintä:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Liitä kirjasto teemasi *.info.yml-tiedostoon:
libraries: - your_theme/asyntai-chatbot
Tyhjennä Drupalin välimuisti

Vaihe 3: Vahvista asennus

Kun olet tallentanut muutokset ja tyhjentänyt välimuistin, avaa verkkosivustosi uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.