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): data layer ઍરેમાં બિનવિનાશક લિસનર જોડે છે. GA4 માટે મોકલેલી કોઈ પણ કસ્ટમ ઈ-કૉમર્સ કે વર્તન ઇવેન્ટ તરત MousePlayer વિશ્લેષણ ડેટાબેઝમાં કસ્ટમ ઇવેન્ટ તરીકે નકલ થાય છે (ce); બધા આંકડાકીય અને લખાણ પરિમાણો સાથે.

કસ્ટમ dataLayer ઑબ્જેક્ટની સહાય: વેબ ઍપ્લિકેશન સામાન્ય dataLayer ને બદલે કસ્ટમ JavaScript ઍરે નામ (દા.ત., 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 કાર્યસ્થળમાં જાઓ 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માં Exploration (કસ્ટમ અહેવાલ) ગોઠવવું

GTM ટૅગ પ્રકાશિત થયા પછી GA4ને ઇવેન્ટ પરિમાણ તરીકે પ્લેબૅક URL મળે છે. કસ્ટમ exploration અહેવાલમાં વિશ્લેષણ માટે પહેલાં પરિમાણને Custom Dimension તરીકે નોંધવું પડે.

GA4 Adminમાં કસ્ટમ પરિમાણ નોંધવું

Google Analytics 4માં જાઓ Admin → Data display → Custom definitions અને ક્લિક કરો Create custom dimension:

  • પરિમાણનું નામ: MousePlayer Session URL
  • વ્યાપ: Event (અથવા Session જો સત્ર સ્તરના પરિમાણ સાથે જોડેલું હોય)
  • ઇવેન્ટ પરિમાણ: mp_session_url

સત્ર તપાસવા Exploration બનાવવું

આ Explore વિભાગમાં GA4નું નવું Free form exploration બનાવો; વ્યક્તિગત માર્ગો તપાસવા:

  • પંક્તિઓ: ઉમેરો Event name, Transaction ID (ઈ-કૉમર્સ માટે) અથવા Landing page.
  • કૉલમ / પરિમાણ: નવું બનાવેલું કસ્ટમ પરિમાણ સામેલ કરો MousePlayer Session URL.
  • મૂલ્યો: ઉમેરો Event count અથવા Total users.

બનેલા અહેવાલ કોષ્ટકમાં GA4 માપદંડની બાજુમાં સીધાં ક્લિક કરી શકાય તેવાં URL હોય છે; આંકડાકીય અસામાન્યતામાંથી દૃશ્ય રેકોર્ડિંગ સુધી તરત જઈ શકો.

5. GA4ના સામાન્ય અહેવાલમાં રેકોર્ડિંગ URL ઉમેરવાં

Exploration ઉપરાંત કસ્ટમ પરિમાણ 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 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નો કોઈ વ્યાવસાયિક સંબંધ નથી.