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. തന്ത്രപരമായ ബിസിനസ് മൂല്യം

Enterprise അനലിറ്റിക്സ് പൈപ്പ്ലൈനുകളിൽ സെഷൻ റീപ്ലേ ലിങ്കുകൾ നേരിട്ട് ചേർക്കുന്നത് നിരവധി പ്രധാന പ്രവർത്തന നേട്ടങ്ങൾ നൽകുന്നു:

ബിസിനസ് കഴിവ് പ്രവർത്തനത്തിലെ സ്വാധീനം
കൺവേർഷൻ നിരക്ക് മെച്ചപ്പെടുത്തൽ (CRO) GA4 കൺവേർഷൻ ഫണലുകളിൽ തടസ്സസ്ഥാനങ്ങൾ കണ്ടെത്താനും പ്രത്യേക ചെക്കൗട്ട് ഘട്ടങ്ങളിൽ കാർട്ട് ഉപേക്ഷിച്ച ഉപയോക്താക്കളുടെ റെക്കോർഡിംഗുകൾ ഉടൻ തുറക്കാനും ഡിജിറ്റൽ വിശകലനക്കാരെ അനുവദിക്കുന്നു.
വരുമാന അട്രിബ്യൂഷനും & ഓഡിറ്റിംഗും വാങ്ങലിലേക്കു നയിച്ച കൃത്യമായ കഴ്സർ പാതകളും ക്ലിക്കുകളും വ്യൂപോർട്ട് നിലകളും പരിശോധിച്ച് ഉയർന്ന മൂല്യമുള്ള ഇ-കൊമേഴ്സ് ഇടപാടുകൾ ഓഡിറ്റ് ചെയ്യാം.
വേഗത്തിലുള്ള സാങ്കേതിക ഡീബഗ്ഗിംഗ് GA4 JavaScript എക്സെപ്ഷൻ ഇവന്റുകളെയോ API പിശക് ലോഗുകളെയോ ദൃശ്യ സ്ക്രീൻ റെക്കോർഡിംഗുകളുമായി QA എഞ്ചിനീയറിംഗ് ടീമുകൾക്ക് നേരിട്ട് ബന്ധിപ്പിക്കാം; കൈകൊണ്ട് ബഗ് പുനരാവിഷ്കരിക്കേണ്ടതില്ല.
ഉപഭോക്തൃ സഹായത്തിലെ പരിഹാരം ഉപയോക്തൃ സെഷൻ ID ഉള്ള സഹായ ടിക്കറ്റുകൾ ഉപഭോക്താവിന്റെ കൃത്യമായ സെഷൻ റീപ്ലേ പരിശോധിക്കാൻ സഹായിക്കും; പരിഹാരസമയം ഗണ്യമായി കുറയ്ക്കും.

3. Google Tag Manager ക്രമീകരണ മാർഗ്ഗനിർദ്ദേശം

Google Tag Manager-ൽ റീപ്ലേ URL സ്വീകരിച്ച് Google Analytics 4-ലേക്ക് അയയ്ക്കാൻ മൂന്ന് വ്യത്യസ്ത GTM ഘടകങ്ങൾ ക്രമീകരിക്കണം:

ഘട്ടം 1: ഡാറ്റാ ലെയർ വേരിയബിളുകൾ സൃഷ്ടിക്കുക

GTM വർക്ക്സ്പേസിൽ പോകുക: Variables → User-Defined Variables ഈ തരത്തിലുള്ള രണ്ട് വേരിയബിളുകൾ സൃഷ്ടിക്കുക: Data Layer Variable:

  • വേരിയബിളിന്റെ പേര്: dlv - mp_session_id • ഡാറ്റാ ലെയർ വേരിയബിളിന്റെ പേര്: mp_session_id
  • വേരിയബിളിന്റെ പേര്: dlv - mp_session_url • ഡാറ്റാ ലെയർ വേരിയബിളിന്റെ പേര്: mp_session_url

ഘട്ടം 2: പ്രവർത്തനക്ഷമമാക്കാനുള്ള ട്രിഗർ സൃഷ്ടിക്കുക

പോകുക: Triggers → New ഈ ട്രിഗർ തരം തിരഞ്ഞെടുക്കുക: Custom Event. താഴെയുള്ള പാരാമീറ്ററുകൾ സജ്ജമാക്കുക:

  • ഇവന്റിന്റെ പേര്: mp_session_ready
  • ഈ ട്രിഗർ പ്രവർത്തിക്കുന്നത്: All Custom Events

ഘട്ടം 3: GA4 ഇവന്റ് ടാഗ് ക്രമീകരിക്കുക

ഈ തരത്തിലുള്ള പുതിയ ടാഗ് സൃഷ്ടിക്കുക: Google Analytics: GA4 Event സെഷൻ ലിങ്ക് 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 ടാഗ് വിന്യസിച്ചാൽ ഇവന്റ് പാരാമീറ്ററായി പ്ലേബാക്ക് URL GA4-ന് ലഭിച്ചുതുടങ്ങും. ഇഷ്ടാനുസൃത എക്സ്പ്ലോറേഷൻ റിപ്പോർട്ടുകളിൽ ഈ ഡാറ്റ വിശകലനം ചെയ്യാൻ ആദ്യം പാരാമീറ്റർ Custom Dimension ആയി രജിസ്റ്റർ ചെയ്യണം.

GA4 അഡ്മിനിൽ Custom Dimensions രജിസ്റ്റർ ചെയ്യുക

Google Analytics 4 ഇന്റർഫേസിൽ പോകുക: Admin → Data display → Custom definitions തുടർന്ന് ക്ലിക്ക് ചെയ്യുക: Create custom dimension:

  • ഡൈമെൻഷന്റെ പേര്: MousePlayer Session URL
  • സ്കോപ്പ്: Event (അല്ലെങ്കിൽ Session സെഷൻ സ്കോപ്പുള്ള പാരാമീറ്ററുകളുമായി ബന്ധിപ്പിച്ചിട്ടുണ്ടെങ്കിൽ)
  • ഇവന്റ് പാരാമീറ്റർ: mp_session_url

സെഷൻ പരിശോധനയ്ക്കുള്ള എക്സ്പ്ലോറേഷൻ നിർമ്മിക്കുക

ഈ Explore എന്ന GA4 വിഭാഗത്തിൽ പുതിയത് സൃഷ്ടിക്കുക: Free form ഓരോ ഉപയോക്തൃ യാത്രയും പരിശോധിക്കുന്നതിനുള്ള എക്സ്പ്ലോറേഷൻ:

  • വരികൾ: ചേർക്കുക: Event name, Transaction ID (ഇ-കൊമേഴ്സിന്), അല്ലെങ്കിൽ Landing page.
  • കോളങ്ങൾ / ഡൈമെൻഷനുകൾ: പുതുതായി സൃഷ്ടിച്ച ഇഷ്ടാനുസൃത ഡൈമെൻഷൻ ഉൾപ്പെടുത്തുക: MousePlayer Session URL.
  • മൂല്യങ്ങൾ: ചേർക്കുക: Event count അല്ലെങ്കിൽ Total users.

സൃഷ്ടിച്ച റിപ്പോർട്ട് പട്ടികയിൽ GA4 അളവുകൾക്കൊപ്പം നേരിട്ട് ക്ലിക്ക് ചെയ്യാവുന്ന URL-കൾ കാണിക്കും; കണക്കിലെ അസാധാരണതയിൽനിന്ന് ദൃശ്യ റീപ്ലേകളിലേക്ക് ഉടൻ മാറാം.

5. GA4 സ്ഥിര റിപ്പോർട്ടുകളിൽ റീപ്ലേ URL-കൾ ചേർക്കുക

എക്സ്പ്ലോറേഷനുകൾക്കുപുറമെ GA4-ലെ സാധാരണ സ്ഥിര റിപ്പോർട്ടുകളിലും ഇഷ്ടാനുസൃത ഡൈമെൻഷനുകൾ ചേർക്കാം (ഉദാ., Traffic acquisition, Pages and screens, അല്ലെങ്കിൽ E-commerce purchases) GA4 Report Library ഉപയോഗിച്ച്.

സാധാരണ റിപ്പോർട്ട് പട്ടികകൾ മാറ്റുക

  1. GA4-ൽ ഏതെങ്കിലും സ്ഥിര വിശദ റിപ്പോർട്ട് തുറക്കുക (ഉദാ., Reports → Engagement → Pages and screens).
  2. ക്ലിക്ക് ചെയ്യുക: Customize report മുകളിൽ വലതുവശത്തെ പെൻസിൽ ഐക്കൺ (അഡ്മിൻ പ്രവേശനം വേണം).
  3. വലതുവശത്തെ പാനലിൽ Report Dataഎന്നതിനു കീഴിൽ ക്ലിക്ക് ചെയ്യുക: Dimensions.
  4. ചേർക്കുക: MousePlayer Session URL പ്രധാനമോ രണ്ടാമത്തെയോ ഡൈമെൻഷൻ പട്ടികയിൽ, തുടർന്ന് ദൃശ്യമാക്കുക.
  5. ക്ലിക്ക് ചെയ്യുക: Save → Save changes to current report.

സംരക്ഷിച്ചാൽ സാധാരണ ട്രാഫിക് ഉറവിടമോ കൺവേർഷനോ പരിശോധിക്കുന്ന വിശകലനക്കാർക്ക് ചേർക്കാം: 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-ന് ബിസിനസ് ബന്ധമില്ല.