Γέφυρα GTM & γέφυρα συμβάντων GA4

Ενοποίηση της ποσοτικής τηλεμετρίας Google Analytics 4 με τις ποιοτικές αναπαραγωγές συνεδριών MousePlayer μέσω αμφίδρομου συγχρονισμού dataLayer και API συμβατών με GA4.

1. Επισκόπηση αρχιτεκτονικής & δυνατότητες

Η σύγχρονη ανάλυση ιστού συχνά αντιμετωπίζει ένα θεμελιώδες πρόβλημα απομονωμένων δεδομένων: οι ποσοτικές πλατφόρμες (όπως το Google Analytics 4) αναφέρουν τι συνέβη σε έναν ιστότοπο, ενώ τα ποιοτικά εργαλεία αναπαραγωγής συνεδριών εξηγούν γιατί συνέβη. Η γέφυρα MousePlayer GTM & GA4 καλύπτει αυτό το κενό δημιουργώντας ένα κανάλι αμφίδρομου συγχρονισμού μέσα στο περιβάλλον εκτέλεσης JavaScript του προγράμματος περιήγησης.

Όταν ενεργοποιηθεί, το script παρακολούθησης αρχικοποιεί δύο ειδικές βασικές μονάδες:

  • Εξαγωγέας αναπαραγωγής συνεδριών (initGa4SessionBridge): Προωθεί αυτόματα το αναγνωριστικό της ενεργής συνεδρίας καταγραφής (mp_session_id) και ένα άμεσο URL αναπαραγωγής (mp_session_url) στο επίπεδο δεδομένων του ιστοτόπου μόλις δημιουργηθεί η συνεδρία.
  • Μονάδα λήψης συμβάντων GA4 (initDataLayerBridge): Προσθέτει έναν ακροατή συμβάντων στον πίνακα του επιπέδου δεδομένων χωρίς να αλλοιώνει τη λειτουργία του. Κάθε προσαρμοσμένο συμβάν ηλεκτρονικού εμπορίου ή συμπεριφοράς που προωθείται για το GA4 αντιγράφεται αμέσως στη βάση δεδομένων ανάλυσης του MousePlayer ως προσαρμοσμένο συμβάν (ce), μαζί με όλες τις αριθμητικές παραμέτρους και τις παραμέτρους συμβολοσειράς.

Υποστήριξη προσαρμοσμένου αντικειμένου dataLayer: Αν μια εφαρμογή ιστού χρησιμοποιεί προσαρμοσμένο όνομα πίνακα JavaScript αντί για το τυπικό dataLayer (για παράδειγμα, xyzDataLayer), η μηχανή προσαρμόζεται δυναμικά στη ρυθμισμένη παράμετρο gtm_datalayer_name χωρίς να απαιτεί χειροκίνητες αλλαγές κώδικα.

2. Στρατηγική επιχειρηματική αξία

Η ενσωμάτωση συνδέσμων αναπαραγωγής συνεδριών απευθείας στις εταιρικές ροές ανάλυσης παρέχει αρκετά σημαντικά λειτουργικά πλεονεκτήματα:

Επιχειρηματική δυνατότητα Λειτουργικός αντίκτυπος
Βελτιστοποίηση ποσοστού μετατροπών (CRO) Επιτρέπει στους ψηφιακούς αναλυτές να εντοπίζουν σημεία τριβής στις χοάνες μετατροπών GA4 και να ανοίγουν αμέσως καταγραφές χρηστών που εγκατέλειψαν καλάθια σε συγκεκριμένα βήματα ολοκλήρωσης αγοράς.
Απόδοση εσόδων & έλεγχος Οι συναλλαγές ηλεκτρονικού εμπορίου υψηλής αξίας μπορούν να ελεγχθούν εξετάζοντας τις ακριβείς διαδρομές δείκτη, τα κλικ και τις καταστάσεις της ορατής περιοχής που οδήγησαν στην αγορά.
Ταχύτερος τεχνικός εντοπισμός σφαλμάτων Οι ομάδες μηχανικών QA μπορούν να συσχετίζουν συμβάντα εξαιρέσεων JavaScript του GA4 ή αρχεία σφαλμάτων API απευθείας με οπτικές καταγραφές οθόνης, εξαλείφοντας την ανάγκη χειροκίνητης αναπαραγωγής των σφαλμάτων.
Επίλυση αιτημάτων υποστήριξης πελατών Τα αιτήματα υποστήριξης που περιέχουν ID συνεδριών χρηστών επιτρέπουν στους εκπροσώπους να εξετάζουν την ακριβή αναπαραγωγή της συνεδρίας του πελάτη, μειώνοντας δραστικά τον χρόνο επίλυσης.

3. Οδηγός διαμόρφωσης Google Tag Manager

Για να λάβετε το URL αναπαραγωγής μέσα στο Google Tag Manager και να το δρομολογήσετε στο Google Analytics 4, πρέπει να διαμορφώσετε τρία διακριτά στοιχεία GTM:

Βήμα 1: δημιουργήστε μεταβλητές επιπέδου δεδομένων

Στον χώρο εργασίας GTM, μεταβείτε στην ενότητα Μεταβλητές → Μεταβλητές που ορίζονται από τον χρήστη και δημιουργήστε δύο μεταβλητές τύπου Μεταβλητή επιπέδου δεδομένων:

  • Όνομα μεταβλητής: dlv - mp_session_id • Όνομα μεταβλητής επιπέδου δεδομένων: mp_session_id
  • Όνομα μεταβλητής: dlv - mp_session_url • Όνομα μεταβλητής επιπέδου δεδομένων: mp_session_url

Βήμα 2: δημιουργήστε τον κανόνα ενεργοποίησης

Μεταβείτε στην ενότητα Κανόνες ενεργοποίησης → Νέος και επιλέξτε τον τύπο κανόνα ενεργοποίησης Προσαρμοσμένο συμβάν. Διαμορφώστε τις ακόλουθες παραμέτρους:

  • Όνομα συμβάντος: mp_session_ready
  • Αυτός ο κανόνας ενεργοποιείται σε: Όλα τα προσαρμοσμένα συμβάντα

Βήμα 3: διαμορφώστε την ετικέτα συμβάντος GA4

Δημιουργήστε μια νέα ετικέτα τύπου Google Analytics: συμβάν GA4 για να μεταδώσετε τον σύνδεσμο συνεδρίας στην ιδιοκτησία GA4:

# GA4 Event Tag Configuration Tag Type: Google Analytics: GA4 Event Configuration Tag: [Select standard GA4 Configuration Tag] Event Name: mp_recording_ready # Event Parameters: | Parameter Name | Value | |-----------------|---------------------------| | mp_session_id | {{dlv - mp_session_id}} | | mp_session_url | {{dlv - mp_session_url}} | Triggering: Fire on Custom Event -> mp_session_ready

4. Διαμόρφωση εξερευνήσεων (προσαρμοσμένων αναφορών) στο GA4

Μόλις εγκατασταθεί η ετικέτα GTM, το GA4 αρχίζει να λαμβάνει το URL αναπαραγωγής ως παράμετρο συμβάντος. Για να αναλύσετε αυτά τα δεδομένα σε προσαρμοσμένες αναφορές εξερεύνησης, πρέπει πρώτα να καταχωρίσετε την παράμετρο ως προσαρμοσμένη ιδιότητα.

Καταχώριση προσαρμοσμένων ιδιοτήτων στη διαχείριση GA4

Στο περιβάλλον του Google Analytics 4, μεταβείτε στην ενότητα Διαχείριση → Εμφάνιση δεδομένων → Προσαρμοσμένοι ορισμοί και επιλέξτε Δημιουργία προσαρμοσμένης ιδιότητας:

  • Όνομα ιδιότητας: MousePlayer Session URL
  • Εμβέλεια: Συμβάν (ή Συνεδρία αν επισυνάπτεται σε παραμέτρους εμβέλειας συνεδρίας)
  • Παράμετρος συμβάντος: mp_session_url

Δημιουργία εξερεύνησης επιθεώρησης συνεδριών

Στην ενότητα Εξερεύνηση του GA4, δημιουργήστε μια νέα εξερεύνηση Ελεύθερη μορφή για να εξετάσετε μεμονωμένες διαδρομές χρηστών:

  • Γραμμές: Προσθέστε Event name, Transaction ID (για ηλεκτρονικό εμπόριο) ή Landing page.
  • Στήλες / Ιδιότητες: Συμπεριλάβετε τη νέα προσαρμοσμένη ιδιότητα MousePlayer Session URL.
  • Τιμές: Προσθέστε Event count ή Total users.

Ο πίνακας της αναφοράς που δημιουργείται εμφανίζει άμεσα URL με δυνατότητα κλικ δίπλα στις μετρήσεις GA4, επιτρέποντας στιγμιαία μετάβαση από στατιστικές ακραίες τιμές σε οπτικές αναπαραγωγές.

5. Ενσωμάτωση URL αναπαραγωγής στις προεπιλεγμένες αναφορές GA4

Εκτός από τις εξερευνήσεις, οι προσαρμοσμένες ιδιότητες μπορούν να ενσωματωθούν στις τυπικές προεπιλεγμένες αναφορές GA4 (όπως Απόκτηση επισκεψιμότητας, Σελίδες και οθόνες ή Αγορές ηλεκτρονικού εμπορίου) χρησιμοποιώντας τη βιβλιοθήκη αναφορών GA4.

Τροποποίηση πινάκων τυπικών αναφορών

  1. Στο GA4, ανοίξτε οποιαδήποτε προεπιλεγμένη αναλυτική αναφορά (π.χ. Αναφορές → Αλληλεπίδραση → Σελίδες και οθόνες).
  2. Κάντε κλικ στο εικονίδιο μολυβιού Προσαρμογή αναφοράς στην επάνω δεξιά γωνία (απαιτείται πρόσβαση διαχειριστή).
  3. Στο δεξί πλαίσιο, στην ενότητα Δεδομένα αναφοράς, επιλέξτε Ιδιότητες.
  4. Προσθέστε το MousePlayer Session URL στη λίστα κύριων ή δευτερευουσών ιδιοτήτων και ορίστε το ως ορατό.
  5. Επιλέξτε Αποθήκευση → Αποθήκευση αλλαγών στην τρέχουσα αναφορά.

Μετά την αποθήκευση, κάθε αναλυτής που εξετάζει τυπικούς πίνακες απόκτησης επισκεψιμότητας ή μετατροπών μπορεί να προσθέσει το MousePlayer Session URL ως δευτερεύουσα ιδιότητα, επιτρέποντας άμεση οπτική εξέταση της συμπεριφοράς επισκεπτών στα τυπικά τμήματα επισκεψιμότητας.

6. API JavaScript & αναφορά συμβατότητας GA4 / GTM

Το MousePlayer παρέχει ένα εύχρηστο API JavaScript συμβατό με GA4 (με τυπικές εντολές τύπου gtag()) και ένα δημόσιο καθολικό αντικείμενο (window.MousePlayer). Αυτό επιτρέπει στους προγραμματιστές να αναζητούν URL συνεδριών στην κονσόλα, να επισυνάπτουν ID πελατών B2B και να εισάγουν συνδέσμους αναπαραγωγής σε συστήματα υποστήριξης ή παρακολούθησης σφαλμάτων τρίτων.

1. Άμεση εισαγωγή URL αναπαραγωγής (Intercom / Zendesk / προσαρμοσμένες γέφυρες)

Μπορείτε να ανακτήσετε το πλήρες URL αναπαραγωγής της ενεργής συνεδρίας επισκέπτη απευθείας από την κονσόλα του προγράμματος περιήγησης ή από οποιοδήποτε προσαρμοσμένο script χρησιμοποιώντας το window.MousePlayer.getSessionUrl():

// Example: Retrieve the active session URL and attach it to Intercom chat metadata if (window.MousePlayer && window.MousePlayer.getSessionUrl) { var replayUrl = window.MousePlayer.getSessionUrl(); console.log('Active Replay:', replayUrl); // Attach to Intercom Messenger metadata if (window.Intercom) { Intercom('update', { 'mouseplayer_replay_url': replayUrl }); } }

2. Ορισμός προσαρμοσμένων ID πελατών B2B (user_id)

Για να ταυτοποιήσετε συνδεδεμένους πελάτες SaaS ή B2B, μπορείτε να μεταβιβάσετε ένα προσαρμοσμένο user_id (όπως ID βάσης δεδομένων, email ή UUID) είτε κατά την αρχική διαμόρφωση του script είτε δυναμικά κατά την εκτέλεση με τη σύνταξη GA4:

// Method A: Set user_id dynamically at login (GA4 / gtag style) mp('set', 'user_id', 'USR-987654'); // Method B: Set via config object mp('config', 'YOUR_CHANNEL_ID', { user_id: 'USR-987654' }); // Method C: Direct SDK invocation window.MousePlayer.setUserId('USR-987654');

3. Μέθοδοι ασύγχρονης ανάκτησης δεδομένων

Μπορείτε να χρησιμοποιήσετε την τυπική σύνταξη συναρτήσεων επανάκλησης GA4 για να ανακτήσετε ασύγχρονα μεταδεδομένα συνεδριών μέσα σε προσαρμοσμένα script διαχείρισης ετικετών:

// Retrieve active session URL mp('get', 'session_url', function(url) { console.log('Session URL:', url); }); // Retrieve visitor ID (Client ID equivalent) mp('get', 'client_id', function(clientId) { console.log('Visitor ID:', clientId); });

Όλα τα εμπορικά σήματα που αναφέρονται εδώ ανήκουν στους αντίστοιχους κατόχους τους. Το MousePlayer δεν έχει επιχειρηματική σχέση με αυτούς τους παρόχους.