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

Trin-for-trin-guide til ExpressionEngine CMS

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: Tilføj til skabelonlayout (anbefalet)

Den nemmeste måde at tilføje chatbotten til alle sider er ved at redigere din hovedlayoutskabelon i ExpressionEngine-kontrolpanelet:

  1. I EE-kontrolpanelet skal du gå til Udvikler > Skabeloner > Skabelongrupper
  2. Åbn din primære skabelongruppe (normalt "websted") og rediger layoutskabelonen (eller den skabelon, der omslutter alle sider)
  3. Find det afsluttende </body>-tag
  4. Indsæt din Asyntai-indlejringskode lige før </body>-tagget:
    <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
  5. Gem skabelonen

Tip: Tilføjelse af scriptet før det afsluttende </body>-tag sikrer, at det indlæses efter sideindholdet, hvilket anbefales til chat-widgets og ikke vil bremse din sideindlæsning.

Alternativ metode 1: Brug af EE-skabelondele

ExpressionEngine-skabelondele giver dig mulighed for at oprette genanvendelige uddrag, der kan inkluderes på tværs af skabeloner:

  1. Gå til Udvikler > Skabeloner > Skabelondele
  2. Klik på "Ny" for at oprette en ny del kaldet _asyntai_widget
  3. Indsæt din Asyntai-indlejringskode i delindholdet:
    <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
  4. Gem delen
  5. Inkluder den i din layoutskabelon lige før det afsluttende </body>-tag:
    {embed="_asyntai_widget"} </body>

Bemærk: Brug af skabelondele holder din kode organiseret og gør det nemt at opdatere chatbot-indlejringskoden ét sted på hele dit websted.

Alternativ metode 2: Brug af EE's HTML-header/footer

Nogle ExpressionEngine-opsætninger giver en global footer-sektion til tilføjelse af scripts:

  1. Gå til Indstillinger > Indhold og design > Globale skabelonpræferencer
  2. Hvis din EE-opsætning har en global footer-sektion, skal du indsætte Asyntai-indlejringskoden der
  3. Hvis ingen global footer-sektion er tilgængelig, skal du redigere din primære layoutskabelon direkte og tilføje indlejringskoden før det afsluttende </body>-tag:
    <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
  4. Gem dine ændringer

Alternativ metode 3: Brug af config.php

For avancerede brugere kan du injicere chatbot-scriptet via ExpressionEngines konfiguration eller ved at oprette et brugerdefineret tilføjelsesprogram:

  1. Tilgå dine ExpressionEngine-projektfiler via FTP, SSH eller din kodeeditor
  2. Naviger til mappen system/user/config/ og åbn config.php
  3. For brugerdefineret JavaScript-injektion bør du overveje at oprette et simpelt EE-tilføjelsesprogram/-udvidelse, der hager ind i template_post_parse-hook'en for at injicere scriptet ved sidegenerering:
    // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
  4. Erstat YOUR_WIDGET_ID med dit faktiske widget-ID fra dashboardet

Vigtigt: Metoden med config.php og tilføjelsesprogram er beregnet til avancerede brugere, der er fortrolige med ExpressionEngine-udvikling. For de fleste brugere anbefales skabelonlayoutmetoden (Trin 2) eller skabelondele-metoden (Alternativ metode 1).

Trin 3: Verificér installationen

Efter at have gemt dine ændringer skal du besøge dit ExpressionEngine-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 du har gemt skabelonen, og at du redigerer den korrekte layoutskabelon, som dine sider bruger. Ryd din browsercache eller se siden i et inkognitovindue. Hvis ExpressionEngine-skabeloncaching er aktiveret, skal du rydde cachen fra kontrolpanelet under Udvikler > Hjælpeprogrammer > Cache Manager.