Πώς να προσθέσετε το AI Chatbot Asyntai στο Google Sites

Οδηγός βήμα προς βήμα για το Google Sites

Πλατφόρμα:

Βήμα 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: Προσθήκη κώδικα χρησιμοποιώντας τη δυνατότητα ενσωμάτωσης

Το Google Sites χρησιμοποιεί μια δυνατότητα ενσωμάτωσης για την προσθήκη προσαρμοσμένου κώδικα HTML και JavaScript:

Σε υπολογιστή, ανοίξτε τον ιστότοπό σας στο Google Sites
Μεταβείτε στη σελίδα όπου θέλετε να προσθέσετε το chatbot
Κάντε κλικ στο «Insert» στον πίνακα στα δεξιά
Επιλέξτε «Ενσωμάτωση» από τις επιλογές
Κάντε κλικ στην καρτέλα «Embed code» στο επάνω μέρος
Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στο πλαίσιο κειμένου
Κάντε κλικ στο «Επόμενο» για να δείτε πώς θα εμφανίζεται
Κάντε κλικ στο «Insert» για να προσθέσετε τον κώδικα στη σελίδα σας
Κάντε κλικ στο "Publish" στην επάνω δεξιά γωνία για να δημοσιεύσετε τις αλλαγές σας

Συμβουλή: Το Google Sites αναδιπλώνει τις ενσωματώσεις σε ένα iframe, οπότε το chatbot θα εμφανίζεται μέσα στην περιοχή ενσωμάτωσης και όχι σταθερά στη γωνία του προγράμματος περιήγησης. Για την καλύτερη εμπειρία, τοποθετήστε το στοιχείο ενσωμάτωσης στο πολύ κάτω μέρος του περιεχομένου της σελίδας σας, ώστε το κουμπί chatbot να είναι εύκολο να βρεθεί.

Προσθήκη σε πολλές σελίδες

Για να προσθέσετε το chatbot σε πολλές σελίδες του Google Site σας:

Επαναλάβετε για κάθε σελίδα όπου θέλετε το chatbot
Για ιστότοπους με πολλές σελίδες, εξετάστε το ενδεχόμενο να το προσθέσετε πρώτα στις κύριες σελίδες προορισμού σας

Σημείωση: Το Google Sites δεν έχει ένα μόνο σημείο για κώδικα που να ισχύει για ολόκληρο τον ιστότοπο. Προσθέστε τον κωδικό ενσωμάτωσης σε κάθε σελίδα όπου θέλετε να εμφανίζεται το chatbot.

Πώς χειρίζεται το Google Sites τον ενσωματωμένο κώδικα

Κατανόηση του τρόπου με τον οποίο το Google Sites επεξεργάζεται τον κώδικά σας:

Το Google Sites εμφανίζει τον κώδικά σας μέσα σε ένα στοιχείο <iframe>
Η JavaScript πρέπει να βρίσκεται εντός ετικετών <script> (τις οποίες ο κώδικας Asyntai σας ήδη περιλαμβάνει)
Μπορείτε να αναφερθείτε σε εξωτερικά αρχεία JavaScript (όπως το widget Asyntai)

Σημαντικό: Επειδή το Google Sites εμφανίζει τον κώδικα μέσα σε ένα iframe, ορισμένες λειτουργίες μπορεί να συμπεριφέρονται διαφορετικά από ό,τι σε άλλους ιστότοπους. Το chatbot της Asyntai έχει σχεδιαστεί για να λειτουργεί μέσα σε αυτό το iframe.

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

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