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: Data Layer ਵੇਰੀਏਬਲ ਬਣਾਓ

GTM ਵਰਕਸਪੇਸ ਵਿੱਚ ਇੱਥੇ ਜਾਓ: Variables → User-Defined Variables ਅਤੇ ਇਸ ਕਿਸਮ ਦੇ ਦੋ ਵੇਰੀਏਬਲ ਬਣਾਓ: Data Layer Variable:

  • ਵੇਰੀਏਬਲ ਨਾਮ: dlv - mp_session_id • Data Layer ਵੇਰੀਏਬਲ ਨਾਮ: mp_session_id
  • ਵੇਰੀਏਬਲ ਨਾਮ: dlv - mp_session_url • Data Layer ਵੇਰੀਏਬਲ ਨਾਮ: mp_session_url

ਕਦਮ 2: ਚਾਲੂ ਕਰਨ ਦਾ ਟ੍ਰਿਗਰ ਬਣਾਓ

ਇੱਥੇ ਜਾਓ: Triggers → New ਅਤੇ ਟ੍ਰਿਗਰ ਕਿਸਮ ਚੁਣੋ: Custom Event। ਇਹ ਪੈਰਾਮੀਟਰ ਸੈੱਟ ਕਰੋ:

  • ਇਵੈਂਟ ਨਾਮ: mp_session_ready
  • ਇਹ ਟ੍ਰਿਗਰ ਇੱਥੇ ਚੱਲਦਾ ਹੈ: All Custom Events

ਕਦਮ 3: GA4 Event ਟੈਗ ਸੈੱਟ ਕਰੋ

ਇਸ ਕਿਸਮ ਦਾ ਨਵਾਂ ਟੈਗ ਬਣਾਓ: 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 ਟੈਗ ਲੱਗਣ ਤੋਂ ਬਾਅਦ GA4 ਇਵੈਂਟ ਪੈਰਾਮੀਟਰ ਵਜੋਂ ਰਿਕਾਰਡਿੰਗ URL ਲੈਣਾ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ। ਆਪਣੇ ਪੜਚੋਲ ਰਿਪੋਰਟਾਂ ਵਿੱਚ ਵਿਸ਼ਲੇਸ਼ਣ ਲਈ ਪੈਰਾਮੀਟਰ ਪਹਿਲਾਂ Custom Dimension ਵਜੋਂ ਰਜਿਸਟਰ ਕਰਨਾ ਪੈਂਦਾ ਹੈ।

GA4 Admin ਵਿੱਚ Custom Dimension ਰਜਿਸਟਰ ਕਰਨਾ

Google Analytics 4 ਇੰਟਰਫੇਸ ਵਿੱਚ ਇੱਥੇ ਜਾਓ: Admin → Data display → Custom definitions ਅਤੇ ਕਲਿੱਕ ਕਰੋ: Create custom dimension:

  • 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 ਗਾਹਕਾਂ ਨੂੰ ਪਛਾਣਨ ਲਈ ਆਪਣੀ ਇਹ ID ਦੇ ਸਕਦੇ ਹੋ: 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 ਦਾ ਇਨ੍ਹਾਂ ਪ੍ਰਦਾਤਾਵਾਂ ਨਾਲ ਕੋਈ ਵਪਾਰਕ ਸੰਬੰਧ ਨਹੀਂ ਹੈ।