Υλοποίηση data layer: χτίσε τη βάση για προχωρημένη παρακολούθηση

Μάθε πώς υλοποιείς ένα data layer. Δόμησε τα δεδομένα της ιστοσελίδας σου ώστε τα εργαλεία analytics να τα διαβάζουν και να τα παρακολουθούν με ακρίβεια.

Πρόχειρο

Τα εργαλεία analytics χρειάζονται πρόσβαση σε δεδομένα για την ιστοσελίδα και τους επισκέπτες σου. Ποια προϊόντα εμφανίζονται. Ποιες είναι οι τιμές τους. Ποιος χρήστης είναι συνδεδεμένος. Ποιες ενέργειες έκανε. Η ιστοσελίδα σου έχει αυτά τα δεδομένα. Τα εργαλεία analytics όμως δεν έχουν άμεση πρόσβαση σε αυτά. Χρειάζεσαι ένα data layer. Το data layer είναι ένα δομημένο δοχείο που κρατά τα δεδομένα που έχει η ιστοσελίδα σου. Τα εργαλεία analytics διαβάζουν από το data layer. Χωρίς data layer, η προχωρημένη παρακολούθηση είναι δύσκολη. Με data layer, είναι απλή.

Αυτό το άρθρο εξηγεί πώς υλοποιείς ένα data layer.

Τι είναι ένα data layer

Ένα data layer είναι ένα αντικείμενο JavaScript στην ιστοσελίδα σου. Περιέχει δεδομένα για τη σελίδα ή τον χρήστη. Όνομα και τιμή προϊόντος. ID και τύπο χρήστη. Κατηγορία και περιεχόμενο σελίδας. Η ιστοσελίδα σου γεμίζει το data layer. Τα εργαλεία analytics διαβάζουν από αυτό.

Το data layer βρίσκεται ανάμεσα στην ιστοσελίδα σου και τα εργαλεία analytics. Η ιστοσελίδα ξέρει τα δεδομένα. Το data layer τα αποθηκεύει. Τα εργαλεία analytics τα παίρνουν από το data layer. Αυτός ο διαχωρισμός κάνει τη ρύθμιση πιο καθαρή. Τα εργαλεία analytics δεν χρειάζεται να σαρώσουν το site σου. Διαβάζουν δομημένα δεδομένα.

Το data layer είναι ιδιαίτερα χρήσιμο για τα tag managers. Τα tag managers δεν έχουν άμεση πρόσβαση στον κώδικα της ιστοσελίδας. Έχουν όμως πρόσβαση στο data layer. Γεμίζεις το data layer μία φορά. Κάθε εργαλείο analytics διαβάζει από αυτό. Δεν χρειάζεται να ρυθμίσεις κάθε εργαλείο ξεχωριστά.

Όρισε τη δομή των δεδομένων σου

Πριν από την υλοποίηση, όρισε ποια δεδομένα χρειάζεσαι. Ποια δεδομένα χρειάζεται η επιχείρησή σου. Ποια δεδομένα χρειάζονται τα εργαλεία analytics.

Ξεκίνα με τα βασικά. Πληροφορίες σελίδας. Πληροφορίες χρήστη. Πληροφορίες γεγονότων. Μετά πρόσθεσε τις ειδικές ανάγκες. Για e-shop, πρόσθεσε πληροφορίες προϊόντων. Για SaaS, πρόσθεσε πληροφορίες συνδρομής. Για εκδόσεις, πρόσθεσε πληροφορίες άρθρων.

Φτιάξε ένα λεξικό δεδομένων. Κατάγραψε τι είναι κάθε δεδομένο. Από πού έρχεται. Σε ποια μορφή είναι. Αυτή η τεκμηρίωση βοηθά τους προγραμματιστές να υλοποιήσουν σωστά. Βοηθά τους αναλυτές να καταλάβουν τα δεδομένα.

Γέμισε το data layer κατά τη φόρτωση της σελίδας

Το data layer πρέπει να γεμίζει πριν φορτώσουν τα εργαλεία analytics. Η ιστοσελίδα σου φορτώνει. Αρχικοποιεί το data layer με δεδομένα σελίδας. Το γεμίζει με δεδομένα χρήστη αν είναι συνδεδεμένος. Μετά φορτώνουν τα εργαλεία analytics. Έχουν αμέσως πρόσβαση στο data layer.

Χρησιμοποίησε μια καθολική μεταβλητή JavaScript. Ονόμασέ την dataLayer ή με το όνομα της εταιρείας σου. Γέμισέ την με όλα τα σχετικά δεδομένα.

Ο χρονισμός έχει σημασία. Αν γεμίσεις το data layer αφού φορτώσουν τα analytics, τα analytics χάνουν τα δεδομένα. Γέμισέ το πρώτα. Μετά φόρτωσε τα analytics. Έτσι τα analytics έχουν πρόσβαση σε όλα τα δεδομένα.

Πρόσθεσε πληροφορίες προϊόντων για e-shop

Τα e-shop χρειάζονται δεδομένα προϊόντων. Όνομα προϊόντος. Τιμή προϊόντος. Κατηγορία προϊόντος. ID προϊόντος. SKU. Ποσότητα σε απόθεμα.

Για τις σελίδες προϊόντων, συμπερίλαβε τα στοιχεία του προϊόντος στο data layer. Για τις σελίδες καλαθιού, συμπερίλαβε όλα τα προϊόντα του καλαθιού με τα στοιχεία τους. Για το ταμείο, συμπερίλαβε το σύνολο της παραγγελίας και τη λίστα προϊόντων.

Τα δομημένα δεδομένα προϊόντων σου επιτρέπουν να παρακολουθείς ποια προϊόντα βλέπουν οι επισκέπτες. Ποια βάζουν στο καλάθι. Ποια αγοράζουν. Χωρίς δεδομένα προϊόντων στο data layer, αυτή η παρακολούθηση είναι αδύνατη.

Πρόσθεσε πληροφορίες χρήστη για εξατομίκευση

Παρακολούθησε πληροφορίες χρήστη στο data layer. ID χρήστη. Τύπο χρήστη. Επίπεδο συνδρομής. Ηλικία λογαριασμού. Προσαρμοσμένα χαρακτηριστικά.

Τα δεδομένα χρήστη σου επιτρέπουν να χωρίζεις τα analytics σε τμήματα. Μπορείς να συγκρίνεις δωρεάν με premium χρήστες. Νέους με επιστρέφοντες χρήστες. Διαφορετικά τμήματα χρηστών μπορεί να έχουν διαφορετική συμπεριφορά.

Πρόσεχε με τα προσωπικά αναγνωρίσιμα στοιχεία. Συμπερίλαβε δεδομένα χρήστη μόνο αν έχεις συναίνεση. Κάνε hash τις ευαίσθητες τιμές. Μην εκθέτεις προσωπικά στοιχεία στον κώδικα που τρέχει στον browser.

Ενημέρωσε το data layer στα γεγονότα

Το data layer δεν είναι στατικό. Ενημέρωσέ το όταν συμβαίνουν γεγονότα. Όταν ένας επισκέπτης προσθέτει προϊόν στο καλάθι, ενημέρωσε το data layer. Όταν ξεκινά ένα βίντεο, ενημέρωσέ το. Όταν υποβάλλει μια φόρμα, ενημέρωσέ το.

Τα tag managers παρακολουθούν για ενημερώσεις του data layer. Όταν αλλάζει το data layer, τα tag managers το εντοπίζουν. Μπορούν να πυροδοτήσουν γεγονότα ή tags με βάση ό,τι άλλαξε.

Δόμησε τα δεδομένα γεγονότων με συνέπεια. Κάθε γεγονός πρέπει να έχει συνεπείς ιδιότητες. Όνομα γεγονότος. Timestamp. ID χρήστη. Σχετικές λεπτομέρειες γεγονότος. Η συνέπεια κάνει τα δεδομένα ευκολότερα στην ανάλυση.

Δοκίμασε το γέμισμα του data layer

Μετά την υλοποίηση, επαλήθευσε ότι το data layer γεμίζει σωστά. Χρησιμοποίησε τα εργαλεία προγραμματιστή του browser. Άνοιξε την κονσόλα. Γράψε «dataLayer» ή τη μεταβλητή του data layer σου. Έλεγξε ότι περιέχει τα αναμενόμενα δεδομένα.

Δοκίμασε σε διαφορετικές σελίδες. Σελίδα προϊόντος. Σελίδα ταμείου. Σελίδα επιβεβαίωσης. Κάθε μία πρέπει να έχει τα κατάλληλα δεδομένα.

Δοκίμασε τα γεγονότα. Πρόσθεσε ένα προϊόν στο καλάθι. Έλεγξε ότι ενημερώνεται το data layer. Κάνε μια ενέργεια. Έλεγξε ότι εμφανίζονται τα δεδομένα του γεγονότος. Επαλήθευσε τον χρονισμό. Εμφανίζονται τα δεδομένα πριν τα χρειαστούν τα analytics;

Συχνές ερωτήσεις

Χρειαζόμαστε data layer αν χρησιμοποιούμε απευθείας το Google Analytics;

Δεν είναι υποχρεωτικό. Το Google Analytics μπορεί να παρακολουθεί βασικά δεδομένα χωρίς data layer. Αν όμως χρησιμοποιείς tag manager ή χρειάζεσαι προχωρημένη παρακολούθηση, το data layer απλοποιεί τα πράγματα. Αν σχεδιάζεις να μεγαλώσεις την παρακολούθηση, υλοποίησε data layer από την αρχή. Με τον δημιουργό ιστοσελίδων του WEMASY, μπορείς να το στήσεις απευθείας στην ιστοσελίδα σου.

Μπορούμε να έχουμε πολλά data layers;

Τεχνικά ναι, αλλά δεν συνιστάται. Ένα data layer είναι απλούστερο. Πολλά data layers δημιουργούν σύγχυση. Διαφορετικά εργαλεία διαβάζουν διαφορετικά δεδομένα. Μείνε σε ένα κεντρικό data layer.

Τι γίνεται αν το data layer περιέχει λάθος δεδομένα;

Τα εργαλεία analytics αναφέρουν λάθος δεδομένα. Κακά δεδομένα μέσα σημαίνουν κακά δεδομένα έξω. Επαλήθευσε ότι το data layer γεμίζει σωστά. Δοκίμασε πριν βγεις live. Παρακολούθησε μετά. Πιάσε νωρίς τα προβλήματα ποιότητας δεδομένων.

Να βάζουμε προσωπικά στοιχεία στο data layer;

Μόνο με συναίνεση. Τα ID χρηστών είναι εντάξει. Συγκεκριμένα ονόματα και email θέλουν προσοχή. Κάνε hash τις ευαίσθητες πληροφορίες. Μην καταγράφεις προσωπικά αναγνωρίσιμα στοιχεία αν δεν τα χρειάζεσαι. Η ελαχιστοποίηση δεδομένων ισχύει και για το data layer.

Πώς βρίσκουμε προβλήματα στο data layer;

Χρησιμοποίησε τα εργαλεία προγραμματιστή του browser. Έλεγξε την κονσόλα. Εξέτασε το αντικείμενο του data layer. Σύγκρινέ το με την αναμενόμενη δομή. Αν λείπουν πεδία, έλεγξε τον κώδικά σου. Αν οι τιμές είναι λάθος, επαλήθευσε τις πηγές δεδομένων. Χρησιμοποίησε αναφορές analytics πραγματικού χρόνου για να επιβεβαιώσεις ότι τα εργαλεία διαβάζουν τα δεδομένα.

Ποια είναι η διαφορά ανάμεσα σε data layer και μεταβλητές;

Το data layer είναι ένα δομημένο αντικείμενο που περιέχει όλα τα δεδομένα. Οι μεταβλητές είναι μεμονωμένα δεδομένα. Το data layer είναι το δοχείο. Οι μεταβλητές είναι το περιεχόμενο. Χρησιμοποίησε ένα data layer για να οργανώνεις τις μεταβλητές. Είναι πιο καθαρό από διάσπαρτες μεταβλητές.

Βάλ’ το αμέσως σε εφαρμογή
στη δική σου ιστοσελίδα.

Ξεκίνα δωρεάν με το WEMASY και φτιάξε τη σελίδα σου σε λίγα λεπτά.