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): डेटा लेयर एरेमा नबिगार्ने listener जोड्छ। 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 का सामान्य प्रतिवेदनमा पनि अनुकूलित आयाम जोड्न सकिन्छ (जस्तै ट्राफिक प्राप्ति, पृष्ठ र स्क्रिन वा ई-कमर्स खरिद) 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 callback शैली प्रयोग गर्न सक्नुहुन्छ:

// 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 को यी प्रदायकसँग व्यावसायिक सम्बन्ध छैन।