Az Asyntai AI Chatbot hozzáadása a Drupalhoz

Lépésről lépésre útmutató Drupal webhelyekhez

Platform:

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

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

Megjegyzés: A fenti kód csak egy példa. Le kell másolnia saját egyedi beágyazási kódját az Irányítópultról, mivel az tartalmazza személyes widget-azonosítóját.

2. lépés: A fejléc és lábléc szkriptek modul használata (ajánlott)

A chatbot hozzáadásának legegyszerűbb módja a "Fejléc és lábléc szkriptek" modul használata:

Jelentkezzen be a Drupal adminisztrációs panelre
Lépjen a Kiterjesztések menübe, és kattintson az "Új modul telepítése" gombra
Keressen rá a "Header and Footer Scripts" modulra, vagy töltse le a Drupal.org oldalról
Telepítse és engedélyezze a modult
Lépjen a Konfiguráció → Fejlesztés → Fejléc és lábléc szkriptek menübe
Kattintson a "Lábléc" fülre
Illessze be az Asyntai beágyazási kódot a lábléc szkriptek szövegmezőjébe
Kattintson a „Konfiguráció mentése" gombra

Tipp: A kód lábléc szakaszhoz való hozzáadása biztosítja, hogy az oldaltartalom után töltődjön be, ami chat widgetek esetén ajánlott.

Alternatíva: A téma sablon szerkesztése

A kódot közvetlenül a téma sablonfájljához is hozzáadhatja:

Navigáljon a téma mappájába: themes/your_theme/
Nyissa meg a html.html.twig fájlt (vagy hozza létre, ha nem létezik)
Keresse meg a záró </body> taget
Illessze be az Asyntai beágyazási kódot közvetlenül a </body> tag elé
Mentse el a fájlt
Ürítse ki a Drupal gyorsítótárát: Konfiguráció → Teljesítmény → Az összes gyorsítótár ürítése

Fontos: A témafájlok módosításai felülírhatók, amikor frissíti a témát. Fontoljon meg egy gyermektéma vagy a Fejléc és lábléc szkriptek modul használatát a tartósabb megoldás érdekében.

Alternatíva: Könyvtárak használata (fejlesztőknek)

A Drupal eszközkönyvtár-rendszerét előnyben részesítő fejlesztők számára:

Hozza létre vagy szerkessze a téma *.libraries.yml fájlját
Adjon hozzá egy új könyvtárbejegyzést:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Csatolja a könyvtárat a téma *.info.yml fájljában:
libraries: - your_theme/asyntai-chatbot
Ürítse ki a Drupal gyorsítótárát

3. lépés: Telepítés ellenőrzése

A módosítások mentése és a gyorsítótár ürítése után látogasson el webhelyére egy új böngészőlapon vagy inkognitóablakban. A jobb alsó sarokban meg kell jelennie a chat widget gombnak. Kattintson rá, hogy megbizonyosodjon arról, hogy megfelelően nyílik meg és működik.