ស្ពានតភ្ជាប់ GTM & ស្ពានតភ្ជាប់ព្រឹត្តិការណ៍ GA4

រួមបញ្ចូលទិន្នន័យ Google Analytics 4 បែបបរិមាណជាមួយការចាក់វគ្គ MousePlayer បែបគុណភាព តាមការធ្វើសមកាលកម្ម dataLayer ទ្វេទិស និង API ដែលត្រូវគ្នានឹង GA4។

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 អាចភ្ជាប់ព្រឹត្តិការណ៍ករណីលើកលែង JavaScript ក្នុង GA4 ឬកំណត់ហេតុកំហុស API ដោយផ្ទាល់ទៅការថតអេក្រង់ ដោយមិនចាំបាច់បង្កើតកំហុសឡើងវិញដោយដៃ។
ការដោះស្រាយជំនួយអតិថិជន សំបុត្របញ្ហាដែលមានលេខសម្គាល់វគ្គអ្នកប្រើ អនុញ្ញាតឱ្យភ្នាក់ងារជំនួយមើលការចាក់វគ្គជាក់លាក់របស់អតិថិជនឡើងវិញ ដោយកាត់បន្ថយពេលដោះស្រាយយ៉ាងច្រើន។

3. មគ្គុទ្ទេសក៍កំណត់រចនាសម្ព័ន្ធ Google Tag Manager

ដើម្បីចាប់យក URL ចាក់ឡើងវិញក្នុង Google Tag Manager ហើយបញ្ជូនទៅ 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 ហើយ GA4 ចាប់ផ្តើមទទួល URL ចាក់ឡើងវិញជាប៉ារ៉ាម៉ែត្រព្រឹត្តិការណ៍។ ដើម្បីវិភាគទិន្នន័យនេះក្នុងរបាយការណ៍រុករកផ្ទាល់ខ្លួន ត្រូវចុះបញ្ជីប៉ារ៉ាម៉ែត្រជាវិមាត្រផ្ទាល់ខ្លួនជាមុន។

ចុះបញ្ជីវិមាត្រផ្ទាល់ខ្លួនក្នុង GA4 Admin

ក្នុងចំណុចប្រទាក់ 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។

តារាងរបាយការណ៍ដែលបង្កើតបង្ហាញ URL អាចចុចបានដោយផ្ទាល់ជាប់ម៉ែត្រ GA4 ដែលអនុញ្ញាតឱ្យប្តូរភ្លាមពីចំណុចស្ថិតិខុសធម្មតាទៅការចាក់ឡើងវិញជារូបភាព។

5. ភ្ជាប់ URL ចាក់ឡើងវិញក្នុងរបាយការណ៍លំនាំដើម GA4

ក្រៅពីការរុករក អាចភ្ជាប់វិមាត្រផ្ទាល់ខ្លួនទៅរបាយការណ៍ស្តង់ដារ 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 ផ្តល់ JavaScript API ងាយយល់ដែលត្រូវគ្នានឹង GA4 (ប្រើពាក្យបញ្ជាស្តង់ដារតាមរចនាបថ gtag()) និងវត្ថុសកលសាធារណៈ (window.MousePlayer)។ វាអនុញ្ញាតឱ្យអ្នកអភិវឌ្ឍសួរ URL វគ្គក្នុងកុងសូល ភ្ជាប់លេខសម្គាល់អតិថិជន 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. កំណត់លេខសម្គាល់អតិថិជន 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 ដើម្បីទាញយកទិន្នន័យមេតាវគ្គដោយអសមកាលក្នុងស្គ្រីបគ្រប់គ្រងស្លាកផ្ទាល់ខ្លួន៖

// 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 គ្មានទំនាក់ទំនងអាជីវកម្មជាមួយអ្នកផ្តល់សេវាទាំងនេះទេ។