Most GTM i most događaja GA4

1. Pregled arhitekture & mogućnosti

Moderna web-analitika često ima osnovnu podjelu podataka: kvantitativne platforme (poput Google Analyticsa 4) prijavljuju šta se desilo na sajtu, dok kvalitativni alati reprodukcije sesija objašnjavaju zašto se desilo. Most MousePlayer GTM & GA4 uklanja taj jaz uspostavljanjem dvosmjernog kanala sinhronizacije u JavaScript izvršnom okruženju preglednika.

Kad se uključi, skripta za praćenje pokreće dva namjenska osnovna modula:

Izvoznik reprodukcija sesija (initGa4SessionBridge): Automatski šalje identifikator aktivne sesije snimanja (mp_session_id) i direktni URL reprodukcije (mp_session_url) u sloj podataka sajta čim se sesija uspostavi.
Prijemnik GA4 događaja (initDataLayerBridge): Dodaje nedestruktivni osluškivač nizu sloja podataka. Svaki prilagođeni događaj e-trgovine ili ponašanja poslan za GA4 odmah se preslikava u MousePlayer analitičku bazu kao prilagođeni događaj (ce), sa svim brojčanim i tekstualnim parametrima.

Podrška za prilagođene dataLayer objekte: Ako web-aplikacija koristi prilagođeni naziv JavaScript niza umjesto standardnog dataLayer (naprimjer, xyzDataLayer), mehanizam se dinamički prilagođava postavljenom parametru gtm_datalayer_name bez ručnih izmjena koda.

2. Strateška poslovna vrijednost

Ugradnja linkova reprodukcije sesija direktno u poslovne analitičke tokove donosi nekoliko važnih operativnih prednosti:

Poslovna mogućnost	Operativni učinak
Optimizacija stope konverzije (CRO)	Omogućava digitalnim analitičarima prepoznavanje tačaka trenja u GA4 konverzijskim lijevcima i trenutno otvaranje snimaka korisnika koji su napustili korpu na određenim koracima plaćanja.
Atribucija prihoda & revizija	Transakcije e-trgovine visoke vrijednosti mogu se provjeriti pregledom tačnih putanja pokazivača, klikova i stanja vidljivog dijela koja su dovela do kupovine.
Brže tehničko otklanjanje grešaka	QA inženjerski timovi mogu direktno povezati GA4 događaje JavaScript izuzetaka ili zapise API grešaka s vizuelnim snimcima ekrana, bez ručnog ponavljanja grešaka.
Rješavanje podrške klijentima	Tiketi podrške s ID-jevima sesija korisnika omogućavaju agentima pregled tačne reprodukcije sesije klijenta i znatno skraćuju vrijeme rješavanja.

3. Vodič za konfiguraciju Google Tag Managera

Za preuzimanje URL-a reprodukcije u Google Tag Manageru i slanje u Google Analytics 4 treba postaviti tri različita GTM resursa:

Korak 1: Kreirajte varijable sloja podataka

U GTM radnom prostoru idite na Varijable → Korisnički definirane varijable i kreirajte 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: Kreirajte okidač aktivacije

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

Naziv događaja: mp_session_ready
Ovaj okidač se aktivira na: Svi prilagođeni događaji

Korak 3: Postavite oznaku GA4 događaja

Kreirajte novu oznaku vrste Google Analytics: GA4 događaj da prenesete link sesije u GA4 svojstvo:

# 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 postavljanja 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 prvo treba registrirati kao prilagođenu dimenziju.

Registriranje prilagođenih dimenzija u GA4 administraciji

U interfejsu Google Analyticsa 4 idite na Administracija → Prikaz podataka → Prilagođene definicije i kliknite Kreiraj prilagođenu dimenziju:

Naziv dimenzije: MousePlayer Session URL
Opseg: Događaj (ili Sesija ako je dodano parametrima na nivou sesije)
Parametar događaja: mp_session_url

Izrada istraživanja za pregled sesija

U odjeljku Istraži u GA4 kreirajte novo istraživanje vrste Slobodni oblik za pregled pojedinačnih putanja korisnika:

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

Generirana tabela izvještaja prikazuje direktne klikabilne URL-ove pored GA4 metrika i omogućava trenutni prelazak sa statističkih odstupanja na vizuelne reprodukcije.

5. Uključivanje URL-ova reprodukcije u zadane GA4 izvještaje

Osim istraživanja, prilagođene dimenzije mogu se uključiti u standardne zadane GA4 izvještaje (poput Akvizicija saobraćaja, Stranice i ekrani ili Kupovine e-trgovine) pomoću GA4 biblioteke izvještaja.

Izmjena tabela standardnih izvještaja

U GA4 otvorite bilo koji zadani detaljni izvještaj (npr., Izvještaji → Angažman → Stranice i ekrani).
Kliknite ikonu olovke Prilagodi izvještaj u gornjem desnom uglu (potreban administratorski pristup).
U desnom panelu pod Podaci izvještaja kliknite Dimenzije.
Dodajte MousePlayer Session URL na listu primarnih ili sekundarnih dimenzija i postavite kao vidljivu.
Kliknite Sačuvaj → Sačuvaj promjene trenutnog izvještaja.

Nakon čuvanja svaki analitičar koji pregledava standardne tabele akvizicije ili konverzija može dodati MousePlayer Session URL kao sekundarnu dimenziju za trenutni vizuelni pregled ponašanja posjetilaca u standardnim segmentima saobraćaja.

6. JavaScript API & referenca kompatibilnosti GA4 / GTM

MousePlayer pruža intuitivan JavaScript API kompatibilan s GA4 (sa standardnim naredbama u stilu gtag()) i javni globalni objekt (window.MousePlayer). Programeri tako mogu provjeravati URL-ove sesija u konzoli, dodavati ID-jeve B2B klijenata i ugrađivati linkove reprodukcije u podršku ili alate praćenja grešaka trećih strana.

1. Direktno dodavanje URL-a reprodukcije (Intercom / Zendesk / prilagođeni mostovi)

Puni URL reprodukcije aktivne sesije posjetioca možete preuzeti direktno iz konzole preglednika ili prilagođene skripte pomoću 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 klijenata (user_id)

Za prepoznavanje prijavljenih SaaS ili B2B klijenata možete proslijediti prilagođeni identifikator user_id (poput ID-ja baze podataka, e-maila ili UUID-a) pri početnoj konfiguraciji skripte ili dinamički tokom rada koristeći GA4 sintaksu:

// 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. Asinhrone metode preuzimanja podataka

Koristite standardnu GA4 sintaksu povratnog poziva za asinhrono preuzimanje metapodataka sesije u prilagođenim skriptama upravljanja 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?