Most događaja za GTM i GA4

1. Pregled arhitekture & mogućnosti

Suvremena web-analitika često pati od temeljne odvojenosti podataka: kvantitativne platforme (poput Google Analyticsa 4) izvještavaju što se dogodilo na web-mjestu, dok kvalitativni alati za reprodukciju sesija objašnjavaju zašto se dogodilo. Most MousePlayer GTM & GA4 uklanja taj jaz uspostavljanjem dvosmjernog kanala sinkronizacije unutar JavaScript izvršnog okruženja preglednika.

Kad je aktivirana, skripta za praćenje inicijalizira dva namjenska osnovna modula:

Izvoznik reprodukcije sesije (initGa4SessionBridge): Automatski šalje identifikator aktivne sesije snimanja (mp_session_id) i izravni URL reprodukcije (mp_session_url) u sloj podataka web-mjesta čim se sesija uspostavi.
Prihvatnik GA4 događaja (initDataLayerBridge): Dodaje osluškivanje koje ne remeti postojeći rad polja sloja podataka. Svaki prilagođeni događaj e-trgovine ili ponašanja poslan za GA4 odmah se preslikava u analitičku bazu MousePlayera kao prilagođeni događaj (ce), uključujući sve brojčane i tekstualne parametre.

Podrška za prilagođeni objekt dataLayer: Ako web-aplikacija koristi prilagođeni naziv JavaScript polja umjesto standardnog dataLayer (na primjer, xyzDataLayer), sustav se dinamički prilagođava postavljenom parametru gtm_datalayer_name bez potrebe za ručnim promjenama koda.

2. Strateška poslovna vrijednost

Integriranje poveznica na reprodukciju sesija izravno u poslovne analitičke podatkovne tokove pruža nekoliko važnih operativnih prednosti:

Poslovna mogućnost	Operativni učinak
Optimizacija stope konverzije (CRO)	Omogućuje digitalnim analitičarima da prepoznaju točke trenja u konverzijskim lijevcima GA4 i odmah pokrenu snimke korisnika koji su napustili košarice na određenim koracima dovršavanja kupnje.
Pripisivanje prihoda & revizija	Transakcije e-trgovine visoke vrijednosti mogu se provjeriti pregledom točnih putanja pokazivača, klikova i stanja vidljivog područja koji su doveli do kupnje.
Brže tehničko otklanjanje pogrešaka	Timovi za osiguranje kvalitete mogu izravno povezati JavaScript iznimke iz GA4 ili API dnevnike pogrešaka s vizualnim snimkama zaslona, bez potrebe za ručnim reproduciranjem pogrešaka.
Rješavanje zahtjeva korisničke podrške	Zahtjevi za podršku s ID-jevima korisničkih sesija omogućuju agentima pregled točne reprodukcije kupčeve sesije, čime se znatno skraćuje vrijeme rješavanja.

3. Vodič za konfiguraciju Google Tag Managera

Za preuzimanje URL-a reprodukcije u Google Tag Manageru i njegovo usmjeravanje u Google Analytics 4 potrebno je postaviti tri zasebne stavke GTM-a:

Korak 1: izradite varijable sloja podataka

U GTM radnom prostoru prijeđite na Varijable → Korisnički definirane varijable i izradite dvije varijable vrste Varijabla sloja podataka:

Naziv varijable: dlv - mp_session_id • Naziv varijable sloja podataka: mp_session_id
Naziv varijable: dlv - mp_session_url • Naziv varijable sloja podataka: mp_session_url

Korak 2: izradite okidač aktivacije

Prijeđite na Okidači → Novo i odaberite vrstu okidača Prilagođeni događaj. Postavite sljedeće parametre:

Naziv događaja: mp_session_ready
Ovaj se okidač pokreće na: Svi prilagođeni događaji

Korak 3: postavite oznaku GA4 događaja

Izradite novu oznaku vrste Google Analytics: GA4 događaj za slanje poveznice sesije u GA4 web-mjesto:

# 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. Postavljanje istraživanja (prilagođenih izvještaja) u GA4

Nakon objave GTM oznake GA4 počinje primati URL reprodukcije kao parametar događaja. Za analizu tih podataka u prilagođenim istraživačkim izvještajima parametar najprije treba registrirati kao prilagođenu dimenziju.

Registracija prilagođenih dimenzija u administraciji GA4

U sučelju Google Analyticsa 4 prijeđite na Administrator → Prikaz podataka → Prilagođene definicije i kliknite Izradite prilagođenu dimenziju:

Naziv dimenzije: MousePlayer Session URL
Opseg: Događaj (ili Sesija ako je pridružena parametrima s opsegom sesije)
Parametar događaja: mp_session_url

Izrada istraživanja za pregled sesija

U odjeljku Istražite u GA4 izradite novo istraživanje vrste Slobodni oblik za pregled pojedinih putovanja korisnika:

Redci: Dodajte Event name, Transaction ID (za e-trgovinu) ili Landing page.
Stupci / dimenzije: Uključite novostvorenu prilagođenu dimenziju MousePlayer Session URL.
Vrijednosti: Dodajte Event count ili Total users.

Izrađena tablica izvještaja prikazuje izravne URL-ove koje možete kliknuti uz GA4 metrike, omogućujući trenutačan prijelaz sa statističkih odstupanja na vizualne reprodukcije.

5. Integriranje URL-ova reprodukcije u zadane izvještaje GA4

Osim u istraživanja, prilagođene dimenzije mogu se integrirati u standardne zadane izvještaje GA4 (poput Akvizicija prometa, Stranice i zasloni ili Kupnje e-trgovine) putem knjižnice izvještaja GA4.

Izmjena tablica standardnih izvještaja

U GA4 otvorite bilo koji zadani detaljni izvještaj (npr. Izvještaji → Angažman → Stranice i zasloni).
Kliknite ikonu olovke Prilagodite izvještaj u gornjem desnom kutu (potreban je administratorski pristup).
Na desnoj ploči pod Podaci izvještaja kliknite Dimenzije.
Dodajte MousePlayer Session URL na popis glavnih ili sporednih dimenzija i postavite kao vidljivo.
Kliknite Spremite → Spremite promjene u trenutačni izvještaj.

Nakon spremanja svaki analitičar koji pregledava standardne tablice akvizicije ili konverzija može dodati MousePlayer Session URL kao sporednu dimenziju, omogućujući trenutačan vizualni pregled ponašanja posjetitelja u standardnim segmentima prometa.

6. Referenca JavaScript API-ja & kompatibilnosti s GA4 / GTM

MousePlayer pruža intuitivan JavaScript API kompatibilan s GA4 (uz standardne naredbe u stilu gtag()) i javni globalni objekt (window.MousePlayer). Time programeri mogu dohvaćati URL-ove sesija u konzoli, pridruživati ID-jeve B2B kupaca i umetati poveznice na reprodukciju u sustave korisničke podrške ili praćenja pogrešaka trećih strana.

1. Izravno umetanje URL-a reprodukcije (Intercom / Zendesk / prilagođeni mostovi)

Cijeli URL reprodukcije aktivne sesije posjetitelja možete dohvatiti izravno iz konzole preglednika ili prilagođene skripte putem 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. Postavljanje prilagođenih ID-jeva B2B kupaca (user_id)

Za identifikaciju prijavljenih SaaS ili B2B kupaca možete proslijediti prilagođeni user_id (poput ID-ja baze podataka, e-pošte ili UUID-a) pri početnoj konfiguraciji skripte ili dinamički tijekom rada sintaksom 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. Metode asinkronog dohvaćanja podataka

Standardnom sintaksom povratnih poziva GA4 možete asinkrono dohvaćati metapodatke sesije u prilagođenim skriptama za upravljanje oznakama:

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

Kako možemo pomoći?