Πώς να Προσθέσετε το AI Chatbot Asyntai στο Drupal

Οδηγός βήμα προς βήμα για ιστότοπους Drupal

Πλατφόρμα:

Βήμα 1: Αποκτήστε τον Κωδικό Ενσωμάτωσής σας

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

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

Σημείωση: Ο παραπάνω κώδικας είναι απλώς ένα παράδειγμα. Πρέπει να αντιγράψετε τον δικό σας μοναδικό κωδικό ενσωμάτωσης από τον Πίνακα Ελέγχου σας, καθώς περιέχει το προσωπικό σας αναγνωριστικό widget.

Βήμα 2: Χρήση της Ενότητας Header and Footer Scripts (Συνιστάται)

Ο ευκολότερος τρόπος για να προσθέσετε το chatbot είναι χρησιμοποιώντας την ενότητα "Header and Footer Scripts":

Συνδεθείτε στον πίνακα διαχείρισης Drupal
Μεταβείτε στο Extend και κάντε κλικ στο "Install new module"
Search for "Header and Footer Scripts" or download it from Drupal.org
Εγκαταστήστε και ενεργοποιήστε το module
Μεταβείτε στο Configuration → Development → Header and Footer Scripts
Κάντε κλικ στην καρτέλα "Footer"
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai στο πεδίο Footer Scripts
Κάντε κλικ στο «Αποθήκευση διαμόρφωσης»

Συμβουλή: Η προσθήκη του κώδικα στο τμήμα footer διασφαλίζει ότι φορτώνεται μετά το περιεχόμενο της σελίδας, κάτι που συνιστάται για widgets συνομιλίας.

Εναλλακτική: Επεξεργασία Template Θέματος

Μπορείτε να προσθέσετε τον κώδικα απευθείας στο αρχείο προτύπου του θέματός σας:

Μεταβείτε στον φάκελο θέματός σας: themes/your_theme/
Ανοίξτε το αρχείο html.html.twig (ή δημιουργήστε ένα αν δεν υπάρχει)
Βρείτε την ετικέτα κλεισίματος </body>
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai ακριβώς πριν από την ετικέτα </body>
Αποθηκεύστε το αρχείο
Εκκαθαρίστε τη μνήμη cache του Drupal: Configuration → Performance → Clear all caches

Σημαντικό: Οι αλλαγές στα αρχεία θέματος ενδέχεται να αντικατασταθούν κατά την ενημέρωση του θέματός σας. Εξετάστε το ενδεχόμενο χρήσης ενός child theme ή του module Header and Footer Scripts για μια πιο μόνιμη λύση.

Εναλλακτική: Χρήση Libraries (Για Προγραμματιστές)

Για προγραμματιστές που προτιμούν να χρησιμοποιούν το σύστημα asset library του Drupal:

Δημιουργήστε ή επεξεργαστείτε το αρχείο *.libraries.yml του θέματός σας
Προσθέστε μια νέα εγγραφή library:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Συνδέστε τη library στο αρχείο *.info.yml του θέματός σας:
libraries: - your_theme/asyntai-chatbot
Εκκαθαρίστε τη μνήμη cache του Drupal

Βήμα 3: Επαληθεύστε την Εγκατάσταση

Αφού αποθηκεύσετε τις αλλαγές σας και εκκαθαρίσετε τη μνήμη cache, επισκεφθείτε τον ιστότοπό σας σε μια νέα καρτέλα προγράμματος περιήγησης ή σε παράθυρο ανώνυμης περιήγησης. Θα πρέπει να δείτε το κουμπί του widget συνομιλίας στην κάτω δεξιά γωνία. Κάντε κλικ για να βεβαιωθείτε ότι ανοίγει και λειτουργεί σωστά.