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) ကို ဆက်ရှင်တည်ဆောက်သည်နှင့် ဝဘ်ဆိုက် data layer ထဲ အလိုအလျောက်ပို့သည်။
  • GA4 ဖြစ်ရပ်လက်ခံကိရိယာ (initDataLayerBridge): Data layer အာရေးသို့ မူလလုပ်ဆောင်မှုမပျက်သော 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: Data Layer ကိန်းရှင်များ ဖန်တီးပါ

GTM အလုပ်နေရာတွင် သွားပါ: ကိန်းရှင်များ → အသုံးပြုသူသတ်မှတ်ကိန်းရှင်များ ထို့နောက် အောက်ပါအမျိုးအစားဖြင့် ကိန်းရှင်နှစ်ခု ဖန်တီးပါ: Data Layer ကိန်းရှင်:

  • ကိန်းရှင်အမည်: dlv - mp_session_id • Data Layer ကိန်းရှင်အမည်: mp_session_id
  • ကိန်းရှင်အမည်: dlv - mp_session_url • Data Layer ကိန်းရှင်အမည်: 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 Admin တွင် စိတ်ကြိုက်အတိုင်းအတာများ မှတ်ပုံတင်ခြင်း

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. ပြန်ဖွင့် URL များကို GA4 မူလအစီရင်ခံစာများထဲ ထည့်ခြင်း

လေ့လာချက်များအပြင် စိတ်ကြိုက်အတိုင်းအတာများကို GA4 ပုံမှန်မူလအစီရင်ခံစာများတွင်လည်း ထည့်နိုင်သည် (ဥပမာ ဝင်ရောက်မှုရရှိခြင်း၊ စာမျက်နှာများနှင့် မျက်နှာပြင်များသို့မဟုတ် အွန်လိုင်းဝယ်ယူမှုများ)၊ GA4 Report Library ကို သုံး၍ဖြစ်သည်။

ပုံမှန်အစီရင်ခံစာဇယားများ ပြင်ဆင်ခြင်း

  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 နှင့် ဤဝန်ဆောင်မှုပေးသူများအကြား စီးပွားရေးဆက်ဆံမှု မရှိပါ။