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

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

Πλατφόρμα:

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

Πρώτα, μεταβείτε στον Πίνακα Ελέγχου Asyntai και κάντε κύλιση προς τα κάτω στην ενότητα «Κωδικός Ενσωμάτωσης». Αντιγράψτε τον μοναδικό κωδικό ενσωμάτωσής σας που θα μοιάζει ως εξής:

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

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

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

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

Συνδεθείτε στον πίνακα διαχείρισης Drupal
Μεταβείτε στο Extend και κάντε κλικ στο "Install new module"
Αναζητήστε το "Header and Footer Scripts" ή κατεβάστε το από το Drupal.org
Εγκαταστήστε και ενεργοποιήστε το module
Μεταβείτε στο Configuration → Development → Header and Footer Scripts
Κάντε κλικ στην καρτέλα "Footer"
Paste your Asyntai embed code in the footer scripts text area
Κάντε κλικ στο «Αποθήκευση διαμόρφωσης»

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

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

You can add the code directly to your theme's template file:

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

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

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

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

Create or edit your theme's *.libraries.yml file
Προσθέστε μια νέα εγγραφή 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 συνομιλίας στην κάτω δεξιά γωνία. Κάντε κλικ για να βεβαιωθείτε ότι ανοίγει και λειτουργεί σωστά.