ຂົວເຊື່ອມ GTM & ເຫດການ GA4

ເຊື່ອມຂໍ້ມູນວັດເຊີງປະລິມານຂອງ Google Analytics 4 ກັບການຫຼິ້ນຄືນເຊດຊັນເຊີງຄຸນນະພາບຂອງ MousePlayer ຜ່ານການຊິງຄ໌ dataLayer ສອງທິດທາງ ແລະ API ທີ່ເຂົ້າກັບ GA4.

1. ພາບລວມສະຖາປັດຕະຍະກຳ & ຄວາມສາມາດ

ການວິເຄາະເວັບທັນສະໄໝມັກພົບບັນຫາການແຍກຂໍ້ມູນພື້ນຖານ: ແພລດຟອມເຊີງປະລິມານ (ເຊັ່ນ Google Analytics 4) ລາຍງານວ່າ ມີຫຍັງ ເກີດຂຶ້ນໃນເວັບໄຊ ໃນຂະນະທີ່ເຄື່ອງມືຫຼິ້ນຄືນເຊດຊັນເຊີງຄຸນນະພາບອະທິບາຍວ່າ ເປັນຫຍັງ ຈຶ່ງເກີດຂຶ້ນ. ຕົວ ຂົວເຊື່ອມ MousePlayer GTM & GA4 ປິດຊ່ອງຫວ່າງນີ້ໂດຍສ້າງຊ່ອງທາງຊິງຄ໌ສອງທິດທາງພາຍໃນ JavaScript runtime ຂອງບຣາວເຊີ.

ເມື່ອເປີດໃຊ້ ສະຄຣິບຕິດຕາມຈະເລີ່ມສອງໂມດູນຫຼັກສະເພາະ:

  • ຕົວສົ່ງອອກການຫຼິ້ນຄືນເຊດຊັນ (initGa4SessionBridge): ສົ່ງຕົວລະບຸເຊດຊັນທີ່ກຳລັງບັນທຶກອັດຕະໂນມັດ (mp_session_id) ແລະ URL ຫຼິ້ນຄືນໂດຍກົງ (mp_session_url) ເຂົ້າຊັ້ນຂໍ້ມູນຂອງເວັບໄຊທັນທີທີ່ສ້າງເຊດຊັນ.
  • ຕົວຮັບເຫດການ GA4 (initDataLayerBridge): ແນບຕົວຟັງທີ່ບໍ່ທຳລາຍໂຄງສ້າງໃສ່ອາເຣຊັ້ນຂໍ້ມູນ. ເຫດການອີຄອມເມີຊ ຫຼື ພຶດຕິກຳກຳນົດເອງທີ່ສົ່ງໃຫ້ GA4 ຈະຖືກສຳເນົາເຂົ້າຖານຂໍ້ມູນວິເຄາະ MousePlayer ທັນທີເປັນເຫດການກຳນົດເອງ (ce), ລວມທັງພາຣາມິເຕີຕົວເລກແລະຂໍ້ຄວາມທັງໝົດ.

ຮອງຮັບອອບເຈັກ dataLayer ກຳນົດເອງ: ຖ້າເວັບແອັບໃຊ້ຊື່ອາເຣ JavaScript ກຳນົດເອງແທນຄ່າມາດຕະຖານ dataLayer (ເຊັ່ນ xyzDataLayer), ເຄື່ອງຈັກຈະປັບຕາມພາຣາມິເຕີທີ່ຕັ້ງໄວ້ gtm_datalayer_name ໂດຍບໍ່ຕ້ອງແກ້ໂຄດເອງ.

2. ຄຸນຄ່າທາງທຸລະກິດເຊີງຍຸດທະສາດ

ການລວມລິ້ງຫຼິ້ນຄືນເຊດຊັນໂດຍກົງໃນຂະບວນການວິເຄາະອົງກອນ ໃຫ້ຂໍ້ໄດ້ປຽບດ້ານດຳເນີນງານທີ່ສຳຄັນຫຼາຍຢ່າງ:

ຄວາມສາມາດທາງທຸລະກິດ ຜົນຕໍ່ການດຳເນີນງານ
ການປັບປຸງອັດຕາບັນລຸເປົ້າໝາຍ (CRO) ໃຫ້ນັກວິເຄາະດິຈິຕອນລະບຸຈຸດອຸປະສັກໃນຟັນເນວ GA4 ແລະ ເປີດການບັນທຶກຂອງຜູ້ໃຊ້ທີ່ປະຖິ້ມກະຕ່າໃນຂັ້ນຕອນຊຳລະເງິນສະເພາະໄດ້ທັນທີ.
ການຈັດສັນລາຍຮັບ & ການກວດສອບ ສາມາດກວດທຸລະກຳອີຄອມເມີຊມູນຄ່າສູງໂດຍເບິ່ງເສັ້ນທາງຕົວຊີ້, ຄລິກ ແລະ ສະພາບພື້ນທີ່ສະແດງຜົນທີ່ນຳໄປສູ່ການຊື້ຢ່າງແມ່ນຍຳ.
ການຫາຂໍ້ຜິດພາດທາງເຕັກນິກທີ່ໄວຂຶ້ນ ທີມວິສະວະກຳ QA ສາມາດເຊື່ອມເຫດການຂໍ້ຍົກເວັ້ນ JavaScript ຂອງ GA4 ຫຼື ບັນທຶກຂໍ້ຜິດພາດ API ກັບການບັນທຶກໜ້າຈໍໂດຍກົງ ໂດຍບໍ່ຕ້ອງສ້າງບັກຄືນເອງ.
ການແກ້ບັນຫາຊ່ວຍເຫຼືອລູກຄ້າ ticket ທີ່ມີ ID ເຊດຊັນຜູ້ໃຊ້ ໃຫ້ພະນັກງານຊ່ວຍເຫຼືອເບິ່ງການຫຼິ້ນຄືນເຊດຊັນລູກຄ້າຢ່າງແມ່ນຍຳ ຊ່ວຍຫຼຸດເວລາແກ້ໄຂລົງຫຼາຍ.

3. ຄູ່ມືຕັ້ງຄ່າ Google Tag Manager

ເພື່ອຮັບ URL ຫຼິ້ນຄືນໃນ Google Tag Manager ແລະ ສົ່ງໄປ 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: ຕັ້ງຄ່າ tag ເຫດການ GA4

ສ້າງ tag ໃໝ່ປະເພດ 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

ເມື່ອຕິດຕັ້ງ tag 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.

ຕາຕະລາງລາຍງານທີ່ສ້າງຈະສະແດງ URL ທີ່ຄລິກໄດ້ໂດຍກົງຄຽງກັບຕົວວັດ GA4 ເພື່ອປ່ຽນຈາກຄ່າຜິດປົກກະຕິທາງສະຖິຕິໄປຫາການຫຼິ້ນຄືນແບບພາບໄດ້ທັນທີ.

5. ລວມ URL ຫຼິ້ນຄືນເຂົ້າລາຍງານເລີ່ມຕົ້ນ GA4

ນອກຈາກການສຳຫຼວດ ມິຕິກຳນົດເອງຍັງລວມໃນລາຍງານເລີ່ມຕົ້ນມາດຕະຖານ GA4 ໄດ້ (ເຊັ່ນ ການຫາແຫຼ່ງເຂົ້າຊົມ, ໜ້າແລະໜ້າຈໍ, ຫຼື ການຊື້ອີຄອມເມີຊ) ໂດຍໃຊ້ຫ້ອງສະໝຸດລາຍງານ GA4.

ແກ້ໄຂຕາຕະລາງລາຍງານມາດຕະຖານ

  1. ໃນ GA4 ເປີດລາຍງານລະອຽດເລີ່ມຕົ້ນໃດກໍໄດ້ (ເຊັ່ນ ລາຍງານ → ການມີສ່ວນຮ່ວມ → ໜ້າແລະໜ້າຈໍ).
  2. ຄລິກໄອຄອນສໍ ປັບແຕ່ງລາຍງານ ຢູ່ມຸມຂວາເທິງ (ຕ້ອງມີສິດຜູ້ດູແລ).
  3. ໃນແຖບດ້ານຂວາພາຍໃຕ້ ຂໍ້ມູນລາຍງານ, ຄລິກ ມິຕິ.
  4. ເພີ່ມ MousePlayer Session URL ໃສ່ລາຍຊື່ມິຕິຫຼັກຫຼືມິຕິຮອງ ແລະ ຕັ້ງໃຫ້ສະແດງ.
  5. ຄລິກ ບັນທຶກ → ບັນທຶກການປ່ຽນແປງໃນລາຍງານປັດຈຸບັນ.

ເມື່ອບັນທຶກແລ້ວ ນັກວິເຄາະທີ່ກວດຕາຕະລາງຫາແຫຼ່ງເຂົ້າຊົມ ຫຼື ການບັນລຸເປົ້າໝາຍມາດຕະຖານ ສາມາດເພີ່ມ MousePlayer Session URL ເປັນມິຕິຮອງ ເພື່ອກວດພຶດຕິກຳຜູ້ເຂົ້າຊົມດ້ວຍພາບໄດ້ທັນທີໃນກຸ່ມການເຂົ້າຊົມມາດຕະຖານ.

6. ເອກະສານອ້າງອີງຄວາມເຂົ້າກັນຂອງ JavaScript API & GA4 / GTM

MousePlayer ມີ JavaScript API ທີ່ໃຊ້ງ່າຍແລະເຂົ້າກັບ GA4 (ໃຊ້ຄຳສັ່ງມາດຕະຖານແບບ gtag()) ແລະ ອອບເຈັກສ່ວນກາງສາທາລະນະ (window.MousePlayer). ສິ່ງນີ້ໃຫ້ນັກພັດທະນາຖາມ URL ເຊດຊັນໃນຄອນໂຊນ, ແນບ ID ລູກຄ້າ B2B ແລະ ໃສ່ລິ້ງຫຼິ້ນຄືນໃນລະບົບຊ່ວຍເຫຼືອ ຫຼື ຕົວຕິດຕາມຂໍ້ຜິດພາດຂອງບຸກຄົນທີສາມ.

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. ຕັ້ງ ID ລູກຄ້າ B2B ກຳນົດເອງ (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. ວິທີດຶງຂໍ້ມູນແບບບໍ່ຂັດຂວາງ

ທ່ານສາມາດໃຊ້ຮູບແບບ callback ມາດຕະຖານ GA4 ເພື່ອດຶງ metadata ເຊດຊັນແບບບໍ່ຂັດຂວາງພາຍໃນສະຄຣິບຈັດການ tag ກຳນົດເອງ:

// 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 ບໍ່ມີຄວາມສຳພັນທາງທຸລະກິດກັບຜູ້ໃຫ້ບໍລິການເຫຼົ່ານີ້.