Slik legger du til Asyntai AI-chatbot i Drupal

Trinn-for-trinn-guide for Drupal-nettsteder

Plattform:

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:

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

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Bruk av Header and Footer Scripts-modulen (anbefalt)

Den enkleste måten å legge til chatboten på er å bruke modulen «Header and Footer Scripts»:

Logg inn på Drupal-administrasjonspanelet ditt
Gå til Extend og klikk på «Install new module»
Søk etter «Header and Footer Scripts» eller last den ned fra Drupal.org
Installer og aktiver modulen
Gå til Configuration → Development → Header and Footer Scripts
Klikk på fanen «Footer»
Lim inn Asyntai-innbyggingskoden i tekstområdet for bunntekstskript
Klikk på «Lagre konfigurasjon»

Tips: Ved å legge til koden i bunntekstseksjonen sikrer du at den lastes etter sideinnholdet, noe som anbefales for chatwidgeter.

Alternativ: Rediger temamal

Du kan legge til koden direkte i temaets malfil:

Naviger til temamappen din: themes/your_theme/
Åpne filen html.html.twig (eller opprett en hvis den ikke finnes)
Finn den avsluttende </body>-taggen
Lim inn Asyntai-innbyggingskoden din rett før </body>-taggen
Lagre filen
Tøm Drupals hurtigbuffer: Configuration → Performance → Clear all caches

Viktig: Endringer i temafiler kan bli overskrevet når du oppdaterer temaet. Vurder å bruke et undertema eller Header and Footer Scripts-modulen for en mer permanent løsning.

Alternativ: Bruk av biblioteker (for utviklere)

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

Opprett eller rediger temaets *.libraries.yml-fil
Legg til en ny bibliotekoppføring:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Legg ved biblioteket i temaets *.info.yml-fil:
libraries: - your_theme/asyntai-chatbot
Tøm Drupals hurtigbuffer

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene og tømt hurtigbufferen, besøk nettstedet ditt i en ny nettleserfane eller et inkognitovindu. Du bør se chatwidget-knappen i nedre høyre hjørne. Klikk på den for å sjekke at den åpnes og fungerer riktig.