Jembatan GTM & Jembatan Prastawa GA4

Nyawijèkaken telemetri kuantitatif Google Analytics 4 kaliyan rekaman sesi kualitatif MousePlayer mawi sinkronisasi dataLayer kalih arah lan API ingkang cocog kaliyan GA4.

1. Ringkesan Arsitektur & Kaprigelan

Analitik web modhèrn asring nandhang pamisahan data dhasar: platform kuantitatif (kados Google Analytics 4) nglaporaken punapa ingkang kedadosan ing situs, déné piranti rekaman sesi kualitatif nerangaken kenging punapa punika kedadosan. Jembatan GTM & GA4 MousePlayer ngicalaken sela punika kanthi damel saluran sinkronisasi kalih arah ing lingkungan JavaScript browser.

Nalika dipunaktifaken, skrip pelacakan miwiti kalih modul inti khusus:

  • Pengekspor Rekaman Sesi (initGa4SessionBridge): Otomatis ngintun pengenal sesi rekaman aktif (mp_session_id) lan URL pamuter langsung (mp_session_url) dhateng lapisan data situs sanalika sesi dipundamel.
  • Panampi Prastawa GA4 (initDataLayerBridge): Masang pamiyarsa ingkang boten ngrusak ing array lapisan data. Saben prastawa e-commerce utawi tindak-tanduk khusus ingkang dipunkintun kanggé GA4 langsung dipunsalin dhateng basis data analitik MousePlayer minangka prastawa khusus (ce), kalebet sedaya parameter angka lan string.

Dhukungan Obyek dataLayer Khusus: Menawi aplikasi web migunakaken jeneng array JavaScript khusus minangka gantos dataLayer standar (umpaminipun, xyzDataLayer), mesin otomatis nyelarasaken kaliyan parameter gtm_datalayer_name ingkang dipunatur tanpa mbetahaken owah-owahan kode manual.

2. Nilai Bisnis Strategis

Ngintègrasi pranala rekaman langsung ing alur analitik perusahaan maringi sawetawis kauntungan operasional ingkang wigati:

Kaprigelan Bisnis Pangaribawa Operasional
Optimasi Tingkat Konversi (CRO) Ngidinaken analis digital ngenali papan alangan ing funnel konversi GA4 lan langsung mbikak rekaman panganggo ingkang nilar kranjang tumbas ing langkah checkout tartamtu.
Atribusi Penghasilan & Audit Transaksi e-commerce kanthi nilai inggil saged dipunaudit kanthi mirsani lintasan panuding, klik lan kahanan viewport ingkang ndadosaken tumbas.
Pangleresan Kesalahan Teknis Langkung Rikat Tim teknik QA saged nggandhèngaken prastawa kesalahan JavaScript GA4 utawi log kesalahan API langsung kaliyan rekaman layar, saéngga boten perlu damel ulang bug kanthi manual.
Panyelesaian Dhukungan Pelanggan Tiket dhukungan ingkang ngemot ID sesi panganggo ngidinaken petugas mirsani rekaman sesi pelanggan ingkang pas, saéngga wekdal panyelesaian langkung cekak.

3. Pandhuan Konfigurasi Google Tag Manager

Kanggé njupuk URL rekaman ing Google Tag Manager lan ngintun dhateng Google Analytics 4, kedah ngatur tigang aset GTM:

Langkah 1: Damel Variabel Lapisan Data

Ing ruang kerja GTM, pindhah dhateng Variabel → Variabel ingkang Dipuntemtokaken Panganggo lan damel kalih variabel kanthi jinis Variabel Lapisan Data:

  • Jeneng Variabel: dlv - mp_session_id • Jeneng Variabel Lapisan Data: mp_session_id
  • Jeneng Variabel: dlv - mp_session_url • Jeneng Variabel Lapisan Data: mp_session_url

Langkah 2: Damel Pemicu Aktivasi

Pindhah dhateng Pemicu → Énggal lan pilih jinis pemicu Prastawa Khusus. Atur parameter ing ngandhap:

  • Jeneng Prastawa: mp_session_ready
  • Pemicu punika lumampah ing: Sedaya Prastawa Khusus

Langkah 3: Atur Tag Prastawa GA4

Damel tag énggal kanthi jinis Google Analytics: Prastawa GA4 kanggé ngintun pranala sesi dhateng situs 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. Ngatur Panjlajahan (Laporan Khusus) ing GA4

Sasampunipun tag GTM dipunterbitaken, GA4 wiwit nampi URL pamuter minangka parameter prastawa. Kanggé nganalisis data punika ing laporan panjlajahan khusus, parameter kedah dipundaftar rumiyin minangka Dimensi Khusus.

Ndaftar Dimensi Khusus ing Admin GA4

Ing antarmuka Google Analytics 4, pindhah dhateng Admin → Tampilan data → Definisi khusus lan klik Damel dimensi khusus:

  • Jeneng dimensi: MousePlayer Session URL
  • Cakupan: Prastawa (utawi Sesi menawi dipunlampiraken ing parameter kanthi cakupan sesi)
  • Parameter prastawa: mp_session_url

Damel Panjlajahan Pamriksan Sesi

Ing pérangan Jlajah GA4, damel panjlajahan énggal Wujud bébas kanggé mriksa alur panganggo individu:

  • Larik: Tambahaken Event name, Transaction ID (kanggé e-commerce), utawi Landing page.
  • Kolom / Dimensi: Lebetaken dimensi khusus ingkang saweg dipundamel MousePlayer Session URL.
  • Nilai: Tambahaken Event count utawi Total users.

Tabel laporan ingkang dipunasilaken nedahaken URL ingkang saged dipunklik ing jejering metrik GA4, saéngga saged langsung pindhah saking angka ingkang nyimpang dhateng rekaman visual.

5. Ngintègrasi URL Rekaman ing Laporan Gawan GA4

Saliyane Panjlajahan, dimensi khusus saged dipunintègrasi ing laporan gawan GA4 standar (kados Akuisisi trafik, Kaca lan layar, utawi Tumbas e-commerce) mawi Pustaka Laporan GA4.

Ngowahi Tabel Laporan Standar

  1. Ing GA4, bikak laporan rinci gawan punapa kemawon (umpaminipun, Laporan → Interaksi → Kaca lan layar).
  2. Klik lambang potlot Selarasaken laporan ing pojok tengen inggil (mbetahaken akses administratif).
  3. Ing panel tengen ing Data Laporan, klik Dimensi.
  4. Tambahaken MousePlayer Session URL ing dhaptar dimensi utama utawi tambahan lan atur supados katingal.
  5. Klik Simpen → Simpen owah-owahan ing laporan sapunika.

Sasampunipun dipunsimpen, analis ingkang mirsani tabel akuisisi utawi konversi standar saged nambahaken MousePlayer Session URL minangka dimensi tambahan, saéngga saged langsung mriksa tindak-tanduk pengunjung kanthi visual ing segmen trafik standar.

6. Rujukan API JavaScript & Kompatibilitas GA4 / GTM

MousePlayer nyawisaken API JavaScript ingkang gampil lan cocog kaliyan GA4 (migunakaken printah standar kanthi gaya gtag()) sarta obyek global umum (window.MousePlayer). Punika ngidinaken pangembang nyuwun URL sesi ing konsol, masang ID pelanggan B2B lan nyisipaken pranala rekaman ing helpdesk utawi pelacak kesalahan pihak katiga.

1. Nyisipaken URL Rekaman Langsung (Intercom / Zendesk / Jembatan Khusus)

Panjenengan saged njupuk URL pamuter pepak sesi pengunjung aktif langsung saking konsol browser utawi skrip khusus mawi 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. Netepaken ID Pelanggan B2B Khusus (user_id)

Kanggé ngenali pelanggan SaaS utawi B2B ingkang sampun mlebet, panjenengan saged ngintun user_id khusus (kados ID basis data, email utawi UUID) nalika konfigurasi skrip wiwitan utawi kanthi dinamis nalika lumampah migunakaken sintaks 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. Cara Njupuk Data Asinkron

Panjenengan saged migunakaken sintaks callback GA4 standar kanggé njupuk metadata sesi kanthi asinkron ing skrip pangaturan tag khusus:

// 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); });

Sedaya merek dagang ing mriki kagungan pamilikipun piyambak. MousePlayer boten nggadhahi sesambetan bisnis kaliyan panyedhiya punika.