Most GTM & most dogodkov GA4

Povezovanje kvantitativne telemetrije Google Analytics 4 s kvalitativnim predvajanjem sej MousePlayer prek dvosmerne sinhronizacije dataLayer in API-jev, združljivih z GA4.

1. Pregled arhitekture & zmožnosti

Sodobna spletna analitika ima pogosto temeljno podatkovno ločnico: kvantitativne platforme (kot je Google Analytics 4) poročajo, kaj se je zgodilo na spletnem mestu, kvalitativna orodja za predvajanje sej pa pojasnijo, zakaj se je zgodilo. Most MousePlayer GTM & GA4 to vrzel odpravi z vzpostavitvijo dvosmernega sinhronizacijskega kanala v izvajalnem okolju JavaScript brskalnika.

Po aktivaciji skript za sledenje vzpostavi dva namenska osrednja modula:

  • Izvoznik posnetkov sej (initGa4SessionBridge): Samodejno pošlje identifikator dejavne snemalne seje (mp_session_id) in neposredni URL za predvajanje (mp_session_url) v podatkovno plast spletnega mesta takoj po vzpostavitvi seje.
  • Sprejemnik dogodkov GA4 (initDataLayerBridge): Polju podatkovne plasti doda poslušalca, ki ne posega v obstoječe delovanje. Vsak prilagojeni dogodek e-trgovine ali vedenja za GA4 se takoj preslika v analitično zbirko MousePlayer kot prilagojeni dogodek (ce), skupaj z vsemi številskimi in besedilnimi parametri.

Podpora za prilagojeni objekt dataLayer: Če spletna aplikacija uporablja prilagojeno ime polja JavaScript namesto standardnega dataLayer (na primer xyzDataLayer), se pogon dinamično prilagodi nastavljenemu parametru gtm_datalayer_name brez ročnega spreminjanja kode.

2. Strateška poslovna vrednost

Neposredna vključitev povezav do posnetkov sej v analitične tokove podjetja prinaša več pomembnih operativnih prednosti:

Poslovna zmožnost Operativni učinek
Optimizacija deleža konverzij (CRO) Digitalnim analitikom omogoča prepoznati mesta trenja v lijakih konverzij GA4 in takoj odpreti posnetke uporabnikov, ki so zapustili košarice pri določenih korakih zaključka nakupa.
Pripisovanje prihodkov & revizija Transakcije e-trgovine z visoko vrednostjo je mogoče pregledati po natančnih poteh kazalca, klikih in stanjih vidnega območja, ki so privedli do nakupa.
Hitrejše tehnično odpravljanje napak Tehnične ekipe QA lahko dogodke izjem JavaScript v GA4 ali dnevnike napak API-ja neposredno povežejo z vizualnimi posnetki zaslona, brez ročnega poustvarjanja napak.
Reševanje zahtevkov podpore Zahtevki z ID-ji uporabniških sej omogočajo agentom podpore ogled natančnega posnetka seje stranke, kar močno skrajša čas reševanja.

3. Navodila za nastavitev Google Tag Manager

Za zajem URL-ja posnetka v Google Tag Manager in pošiljanje v Google Analytics 4 je treba nastaviti tri različne elemente GTM:

Korak 1: ustvarite spremenljivke podatkovne plasti

V delovnem prostoru GTM odprite Spremenljivke → Uporabniško določene spremenljivke in ustvarite dve spremenljivki vrste Spremenljivka podatkovne plasti:

  • Ime spremenljivke: dlv - mp_session_id • Ime spremenljivke podatkovne plasti: mp_session_id
  • Ime spremenljivke: dlv - mp_session_url • Ime spremenljivke podatkovne plasti: mp_session_url

Korak 2: ustvarite sprožilec aktivacije

Odprite Sprožilci → Novo in izberite vrsto sprožilca Prilagojeni dogodek. Nastavite naslednje parametre:

  • Ime dogodka: mp_session_ready
  • Ta sprožilec se sproži ob: Vsi prilagojeni dogodki

Korak 3: nastavite oznako dogodka GA4

Ustvarite novo oznako vrste Google Analytics: dogodek GA4 za prenos povezave seje v znamko 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. Nastavitev raziskovanj (prilagojenih poročil) v GA4

Po uvedbi oznake GTM začne GA4 prejemati URL za predvajanje kot parameter dogodka. Za analizo v prilagojenih poročilih raziskovanja je treba parameter najprej registrirati kot dimenzijo po meri.

Registracija dimenzij po meri v skrbništvu GA4

V vmesniku Google Analytics 4 odprite Skrbnik → Prikaz podatkov → Definicije po meri in kliknite Ustvari dimenzijo po meri:

  • Ime dimenzije: MousePlayer Session URL
  • Obseg: Dogodek (ali Seja pri parametrih na ravni seje)
  • Parameter dogodka: mp_session_url

Ustvarjanje raziskovanja za pregled sej

V razdelku GA4 Raziskovanje ustvarite novo raziskovanje Prosta oblika za pregled posameznih poti uporabnikov:

  • Vrstice: Dodajte Event name, Transaction ID (za e-trgovino) ali Landing page.
  • Stolpci / dimenzije: Vključite novo ustvarjeno dimenzijo po meri MousePlayer Session URL.
  • Vrednosti: Dodajte Event count ali Total users.

Ustvarjena tabela poročila pokaže neposredne klikljive URL-je ob metrikah GA4 in omogoča takojšen prehod od statističnih odstopanj do vizualnih posnetkov.

5. Vključitev URL-jev posnetkov v privzeta poročila GA4

Poleg raziskovanj lahko dimenzije po meri vključite v standardna privzeta poročila GA4 (kot so Pridobivanje prometa, Strani in zasloni ali Nakupi v e-trgovini) s knjižnico poročil GA4.

Spreminjanje tabel standardnih poročil

  1. V GA4 odprite poljubno privzeto podrobno poročilo (npr. Poročila → Dejavnost → Strani in zasloni).
  2. Kliknite ikono svinčnika Prilagodi poročilo v zgornjem desnem kotu (potreben je skrbniški dostop).
  3. V desnem podoknu pod Podatki poročila kliknite Dimenzije.
  4. Dodajte MousePlayer Session URL na seznam glavnih ali dodatnih dimenzij in omogočite prikaz.
  5. Kliknite Shrani → Shrani spremembe trenutnega poročila.

Po shranjevanju lahko vsak analitik pri pregledu standardnih tabel pridobivanja ali konverzij doda MousePlayer Session URL kot dodatno dimenzijo in takoj vizualno pregleda vedenje obiskovalcev v standardnih segmentih prometa.

6. JavaScript API & pregled združljivosti z GA4 / GTM

MousePlayer ponuja intuitiven JavaScript API, združljiv z GA4 (s standardnimi ukazi v slogu gtag()), in javni globalni objekt (window.MousePlayer). Razvijalci lahko v konzoli pridobijo URL-je sej, pripnejo ID-je strank B2B in dodajo povezave do posnetkov v podporna orodja ali orodja za sledenje napakam tretjih oseb.

1. Neposredno dodajanje URL-ja posnetka (Intercom / Zendesk / prilagojeni mostovi)

Celoten URL za predvajanje dejavne seje obiskovalca lahko pridobite neposredno iz konzole brskalnika ali prilagojenega skripta z uporabo 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. Nastavljanje prilagojenih ID-jev strank B2B (user_id)

Za prepoznavanje prijavljenih strank SaaS ali B2B lahko posredujete prilagojeni user_id (na primer ID zbirke podatkov, e-pošto ali UUID) ob začetni nastavitvi skripta ali dinamično med izvajanjem s sintakso 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. Asinhroni načini pridobivanja podatkov

S standardno sintakso povratnih klicev GA4 lahko asinhrono pridobite metapodatke seje v prilagojenih skriptih za upravljanje oznak:

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

Vse navedene blagovne znamke pripadajo svojim lastnikom. MousePlayer s temi ponudniki nima poslovnega odnosa.