GTM ब्रिज & GA4 इवेंट ब्रिज

द्विदिश dataLayer सिंक और GA4-संगत API से Google Analytics 4 के संख्यात्मक डेटा को MousePlayer की गुणात्मक सत्र रिकॉर्डिंग से जोड़ें।

1. आर्किटेक्चर अवलोकन & क्षमताएँ

आधुनिक वेब विश्लेषण में अक्सर मूल अलगाव है: Google Analytics 4 जैसे संख्यात्मक प्लेटफ़ॉर्म बताते हैं क्या वेबसाइट पर हुआ, जबकि गुणात्मक सत्र रिकॉर्डिंग टूल बताते हैं क्यों हुआ। यह MousePlayer GTM & GA4 ब्रिज ब्राउज़र के JavaScript रनटाइम में दोतरफ़ा सिंक चैनल बनाकर अंतर दूर करता है।

सक्रिय होने पर ट्रैकिंग स्क्रिप्ट दो मुख्य मॉड्यूल शुरू करती है:

  • सत्र रिकॉर्डिंग एक्सपोर्टर (initGa4SessionBridge): सत्र बनते ही सक्रिय रिकॉर्डिंग सत्र पहचानकर्ता (mp_session_id) और सीधा प्लेबैक URL (mp_session_url) वेबसाइट के डेटा लेयर में अपने आप भेजता है।
  • GA4 इवेंट इनजेस्टर (initDataLayerBridge): डेटा लेयर ऐरे पर बिना क्षति वाला लिसनर जोड़ता है। GA4 को भेजा कोई कस्टम ई-कॉमर्स या व्यवहार इवेंट तुरंत MousePlayer विश्लेषण डेटाबेस में कस्टम इवेंट बनता है (ce), सभी संख्यात्मक और स्ट्रिंग पैरामीटर सहित।

कस्टम dataLayer ऑब्जेक्ट समर्थन: वेब ऐप मानक के बजाय अपना JavaScript ऐरे नाम इस्तेमाल करे: dataLayer (जैसे xyzDataLayer), तो इंजन कॉन्फ़िगर किए इस पैरामीटर के अनुसार ढलता है: gtm_datalayer_name , बिना मैनुअल कोड बदलाव।

2. रणनीतिक व्यावसायिक मूल्य

एंटरप्राइज़ विश्लेषण पाइपलाइन में सीधे रिकॉर्डिंग लिंक जोड़ने से कई महत्वपूर्ण संचालन लाभ हैं:

व्यावसायिक क्षमता संचालन पर असर
रूपांतरण दर सुधार (CRO) विश्लेषक GA4 फ़नल में बाधा पहचानकर खास चेकआउट चरण पर कार्ट छोड़ने वालों की रिकॉर्डिंग तुरंत खोल सकते हैं।
राजस्व श्रेय & ऑडिट खरीद तक ले जाने वाले सटीक पॉइंटर रास्ते, क्लिक और दृश्य क्षेत्र की स्थिति देखकर अधिक मूल्य के ई-कॉमर्स लेन-देन जाँचे जा सकते हैं।
तेज़ तकनीकी डीबगिंग QA टीम GA4 JavaScript अपवाद या API त्रुटि लॉग को सीधे दृश्य रिकॉर्डिंग से जोड़ सकती है, ताकि हाथ से बग दोहराना न पड़े।
ग्राहक सहायता समाधान सत्र ID वाले टिकट से एजेंट ग्राहक की सटीक रिकॉर्डिंग देखकर समाधान समय बहुत कम कर सकते हैं।

3. Google Tag Manager कॉन्फ़िगरेशन गाइड

Google Tag Manager में रिकॉर्डिंग URL लेकर 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।

बनी रिपोर्ट तालिका GA4 आँकड़ों के साथ सीधे क्लिक योग्य URL दिखाती है, ताकि सांख्यिकीय असामान्यता से दृश्य रिकॉर्डिंग पर तुरंत जा सकें।

5. GA4 डिफ़ॉल्ट रिपोर्ट में रिकॉर्डिंग URL जोड़ें

एक्सप्लोरेशन के अलावा GA4 रिपोर्ट लाइब्रेरी से सामान्य डिफ़ॉल्ट रिपोर्ट में कस्टम आयाम जोड़ सकते हैं (जैसे ट्रैफ़िक अधिग्रहण, पृष्ठ और स्क्रीन या ई-कॉमर्स खरीदारी)।

मानक रिपोर्ट तालिकाएँ बदलें

  1. GA4 में कोई डिफ़ॉल्ट विस्तृत रिपोर्ट खोलें (जैसे रिपोर्ट → सहभागिता → पृष्ठ और स्क्रीन)।
  2. ऊपर दाईं ओर रिपोर्ट कस्टमाइज़ करें पेंसिल आइकन क्लिक करें (व्यवस्थापक पहुँच चाहिए)।
  3. दाएँ पैनल में रिपोर्ट डेटा के नीचे क्लिक करें: आयाम।
  4. इसे जोड़ें: MousePlayer Session URL प्राथमिक या द्वितीयक आयाम सूची में और दृश्यमान करें।
  5. क्लिक करें: सहेजें → वर्तमान रिपोर्ट में बदलाव सहेजें।

सहेजने के बाद सामान्य अधिग्रहण या रूपांतरण तालिका देखने वाला विश्लेषक इसे जोड़ सकता है: MousePlayer Session URL द्वितीयक आयाम के रूप में, ताकि सामान्य ट्रैफ़िक सेगमेंट में व्यवहार तुरंत दृश्य रूप में जाँच सके।

6. JavaScript API & GA4 / GTM संगतता संदर्भ

MousePlayer सहज GA4-संगत JavaScript API (मानक gtag() शैली कमांड) और सार्वजनिक वैश्विक ऑब्जेक्ट (window.MousePlayer) देता है। इससे डेवलपर कंसोल में सत्र URL पूछ सकते हैं, B2B ग्राहक ID जोड़ सकते हैं और तीसरे पक्ष हेल्पडेस्क या त्रुटि ट्रैकर में लिंक डाल सकते हैं।

1. सीधा रिकॉर्डिंग URL जोड़ना (Intercom / Zendesk / कस्टम ब्रिज)

सक्रिय आगंतुक सत्र का पूरा प्लेबैक URL सीधे ब्राउज़र कंसोल या कस्टम स्क्रिप्ट से इससे पा सकते हैं: 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. कस्टम B2B ग्राहक ID सेट करना (user_id)

लॉग इन SaaS या B2B ग्राहक पहचानने के लिए कस्टम मान भेजें: user_id (जैसे डेटाबेस ID, ईमेल या UUID), शुरुआती स्क्रिप्ट कॉन्फ़िगरेशन या रनटाइम में 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 कॉलबैक शैली उपयोग करें:

// 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 का इन प्रदाताओं से व्यावसायिक संबंध नहीं।