Sådan tilføjer du Asyntai AI-chatbot til Drupal

Trin-for-trin-guide til Drupal-websteder

Hent indlejringskode

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard og rul ned til sektionen "Indlejringskode". Kopiér din unikke indlejringskode, der vil se sådan ud:

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

Bemærk: Koden ovenfor er blot et eksempel. Du skal kopiere din egen unikke indlejringskode fra dit Dashboard, da den indeholder dit personlige widget-ID.

Trin 2: Brug af modulet Header and Footer Scripts (anbefalet)

Den nemmeste måde at tilføje chatbotten er ved at bruge modulet "Header and Footer Scripts":

  1. Log ind på dit Drupal-adminpanel
  2. Gå til Udvid og klik på "Installer nyt modul"
  3. Søg efter "Header and Footer Scripts" eller download det fra Drupal.org
  4. Installer og aktiver modulet
  5. Gå til Konfiguration → Udvikling → Header and Footer Scripts
  6. Klik på fanen "Footer"
  7. Indsæt din Asyntai-indlejringskode i tekstfeltet til footer-scripts
  8. Klik på "Gem konfiguration"

Tip: Tilføjelse af koden til footer-sektionen sikrer, at den indlæses efter sideindholdet, hvilket anbefales til chat-widgets.

Alternativ: Rediger temaskabelon

Du kan tilføje koden direkte til dit temas skabelonfil:

  1. Naviger til din temafolder: themes/your_theme/
  2. Åbn filen html.html.twig (eller opret en, hvis den ikke eksisterer)
  3. Find det afsluttende </body>-tag
  4. Indsæt din Asyntai indlejringskode lige inden </body>-tagget
  5. Gem filen
  6. Ryd Drupals cache: Konfiguration → Ydeevne → Ryd alle caches

Vigtigt: Ændringer i temafiler kan blive overskrevet, når du opdaterer dit tema. Overvej at bruge et underordnet tema eller modulet Header and Footer Scripts for en mere permanent løsning.

Alternativ: Brug af biblioteker (for udviklere)

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

  1. Opret eller rediger dit temas *.libraries.yml-fil
  2. Tilføj en ny bibliotekspost:
    asyntai-chatbot:
    js:
    https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
  3. Tilknyt biblioteket i dit temas *.info.yml-fil:
    libraries:
    - your_theme/asyntai-chatbot
  4. Ryd Drupals cache

Trin 3: Verificér installationen

Efter at have gemt dine ændringer og ryddet cachen skal du besøge dit websted i en ny browserfane eller et inkognitovindue. Du bør se chat-widget-knappen i nederste højre hjørne. Klik på den for at sikre, at den åbner og fungerer korrekt.

Ser du ikke widget'en? Sørg for at rydde Drupals cache ved at gå til Konfiguration → Ydeevne → Ryd alle caches. Prøv også at rydde din browsercache eller se siden i et inkognitovindue.