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

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

Πλατφόρμα:

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

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

<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: Χρήση Gadget HTML/JavaScript (Προτεινόμενο)

Ο ευκολότερος τρόπος για να προσθέσετε το chatbot είναι χρησιμοποιώντας το ενσωματωμένο gadget HTML/JavaScript του Blogger:

Συνδεθείτε στον Πίνακα Ελέγχου Blogger στο blogger.com
Επιλέξτε το blog σας από τη λίστα
Κάντε κλικ στη «Διάταξη» στο αριστερό πλαϊνό μενού
Βρείτε μια ενότητα όπου θέλετε να προσθέσετε το widget (κατά προτίμηση στο υποσέλιδο)
Κάντε κλικ στο «Προσθήκη Gadget»
Επιλέξτε «HTML/Javascript» από τη λίστα gadget
Αφήστε τον τίτλο κενό (ή προσθέστε έναν εάν προτιμάτε)
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai στην περιοχή περιεχομένου
Κάντε κλικ στο «Αποθήκευση»
Κάντε κλικ στο «Αποθήκευση» στην κάτω δεξιά γωνία της σελίδας Layout

Συμβουλή: Η προσθήκη του gadget στην ενότητα υποσέλιδου διασφαλίζει ότι φορτώνει σε όλες τις σελίδες του blog σας. Το chatbot θα εμφανιστεί ως κινητό κουμπί ανεξάρτητα από το πού τοποθετείτε το gadget.

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

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

Μεταβείτε στο «Θέμα» στο αριστερό πλαϊνό μενού
Κάντε κλικ στο κάτω βέλος (More) δίπλα στο «Customize»
Επιλέξτε «Επεξεργασία HTML»
Πατήστε Ctrl+F (ή Cmd+F σε Mac) για να ανοίξετε αναζήτηση
Αναζητήστε </body>
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai ακριβώς πριν από την ετικέτα </body>
Κάντε κλικ στο «Αποθήκευση»

Σημαντικό: Όταν επεξεργάζεστε το HTML του θέματος, προσέξτε να μη διαγράψετε ή να αλλάξετε άλλο κώδικα. Πρώτα δημιουργήστε αντίγραφο ασφαλείας του θέματός σας: στο ίδιο μενού, κάντε κλικ στο «Backup» και μετά στο «Download».

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

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

Δεν βλέπετε το widget; Το Blogger μπορεί να χρειαστεί λίγα λεπτά για να εφαρμόσει αλλαγές. Δοκιμάστε να εκκαθαρίσετε την προσωρινή μνήμη του προγράμματος περιήγησης ή να δείτε σε παράθυρο ανώνυμης περιήγησης. Βεβαιωθείτε ότι κάνατε κλικ στο «Αποθήκευση» αφού προσθέσατε το gadget.

Τεκμηρίωση

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

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

Βήμα 2: Χρήση Gadget HTML/JavaScript (Προτεινόμενο)

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

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