Το Google Tag Manager (GTM) είναι ένα δωρεάν εργαλείο της Google που σας επιτρέπει να διαχειρίζεστε κώδικες παρακολούθησης και scripts στον ιστότοπό σας χωρίς να επεξεργάζεστε απευθείας τον πηγαίο κώδικα. Αυτός ο οδηγός σάς καθοδηγεί σε όλη τη ρύθμιση — από τη δημιουργία λογαριασμού GTM, την προσθήκη του snippet GTM στον ιστότοπό σας, μέχρι την εισαγωγή του κωδικού συνομιλίας Smartsupp ως tag.
Οδηγός ανά ενότητα:
Δημιουργία λογαριασμού GTM
Αν δεν έχετε ακόμα λογαριασμό Google Tag Manager, μεταβείτε στο tagmanager.google.com και συνδεθείτε με τον λογαριασμό σας Google. Πατήστε Create Account, εισαγάγετε το όνομα λογαριασμού και επιλέξτε τη χώρα σας.
Ρυθμίστε ένα container για τον ιστότοπό σας. Εισαγάγετε το URL του ιστότοπου και επιλέξτε Web ως πλατφόρμα-στόχο και στη συνέχεια πατήστε Create.
Αποδεχθείτε τους Όρους Παροχής Υπηρεσιών για να συνεχίσετε.
Εγκατάσταση GTM στον ιστότοπό σας
Αφού δημιουργήσετε τον λογαριασμό σας, το GTM θα εμφανίσει δύο αποσπάσματα κώδικα. Πρέπει να τα προσθέσετε στο HTML του ιστότοπού σας:
Επικολλήστε το πρώτο απόσπασμα όσο πιο ψηλά γίνεται μέσα στην ενότητα <head>.
Επικολλήστε το δεύτερο απόσπασμα αμέσως μετά το εναρκτήριο tag <body>.
Συμβουλή: Αν χρησιμοποιείτε πλατφόρμα όπως WordPress, Shopify ή PrestaShop, ενδέχεται να υπάρχει ήδη ενσωματωμένο πρόσθετο Smartsupp — ελέγξτε τον οδηγό εγκατάστασης για την πλατφόρμα σας πριν χρησιμοποιήσετε το GTM.
Μπορείτε επίσης να αποκτήσετε πρόσβαση στα snippets GTM αργότερα, πατώντας το ID του container σας (π.χ. GTM-XXXXXX) στο επάνω μέρος του πίνακα ελέγχου GTM.
Δημιουργία νέου tag
Στον πίνακα ελέγχου GTM, πατήστε Add a new tag (ή μεταβείτε σε Tags > New). Δώστε στο tag σας ένα όνομα, για παράδειγμα Smartsupp Chat.
Πατήστε στην περιοχή Tag Configuration και επιλέξτε Custom HTML ως τύπο tag.
Εισαγωγή κωδικού Smartsupp
Βρείτε τον μοναδικό κωδικό συνομιλίας Smartsupp στον πίνακα ελέγχου, στην ενότητα Settings > Chatbox > Installation > Insert code. Αντιγράψτε ολόκληρο το απόσπασμα κώδικα.
Επικολλήστε τον κώδικα στο πεδίο HTML του νέου σας tag στο GTM. Έπειτα πατήστε την ενότητα Triggering από κάτω και επιλέξτε All Pages — αυτό διασφαλίζει ότι το widget συνομιλίας Smartsupp φορτώνεται σε κάθε σελίδα του ιστότοπού σας.
Σημείωση: Βεβαιωθείτε ότι επικολλήσατε ολόκληρο τον κώδικα, συμπεριλαμβανομένων των tags <script>. Σε αντίθεση με ορισμένες πλατφόρμες, το GTM δέχεται πλήρες HTML, συμπεριλαμβανομένων των script tags, στον τύπο tag Custom HTML.
Δημοσίευση του tag
Πατήστε Save για να αποθηκεύσετε το tag, έπειτα πατήστε το κουμπί Submit στην επάνω δεξιά γωνία του πίνακα ελέγχου GTM.
Προσθέστε ένα όνομα έκδοσης και περιγραφή (προαιρετικά) και μετά πατήστε Publish.
Έλεγχος της εγκατάστασης
Ανοίξτε τον ιστότοπό σας σε νέα καρτέλα του προγράμματος περιήγησης και ανανεώστε τη σελίδα. Το widget συνομιλίας Smartsupp θα πρέπει πλέον να είναι ορατό στη γωνία του ιστότοπού σας.
Συμβουλή: Αν δεν βλέπετε το widget συνομιλίας, δοκιμάστε να διαγράψετε τη μνήμη cache του προγράμματος περιήγησης ή να ανοίξετε τον ιστότοπο σε ανώνυμο παράθυρο. Επίσης, βεβαιωθείτε ότι ο κώδικας του container GTM έχει εγκατασταθεί σωστά στον ιστότοπό σας.
Σχετικοί πόροι:
Εγκατάσταση Smartsupp — πλήρης επισκόπηση όλων των μεθόδων εγκατάστασης.
Πολυγλωσσικό πλαίσιο συνομιλίας — ρυθμίστε το widget συνομιλίας σε πολλές γλώσσες.
Τι ακολουθεί;
Βασικές ρυθμίσεις πλαισίου συνομιλίας — προσαρμόστε χρώματα, θέση, μηνύματα καλωσορίσματος και άλλα.
Κατάσταση πλαισίου συνομιλίας — μάθετε πώς λειτουργεί η κατάσταση του widget συνομιλίας και πώς να την ελέγχετε.
Γιατί δεν μπορώ να δω τη συνομιλία στον ιστότοπό μου; — επίλυση των πιο συνηθισμένων προβλημάτων εγκατάστασης.
Λήψη προσθέτων — δείτε όλες τις διαθέσιμες ενσωματώσεις πλατφόρμας.