GTM most i most GA4 događaja

1. Pregled arhitekture & mogućnosti

Savremena veb analitika često pati od osnovne izolovanosti podataka: kvantitativne platforme (poput Google Analytics 4) izveštavaju šta se dogodilo na veb-sajtu, dok kvalitativni alati za reprodukciju sesija objašnjavaju zašto se dogodilo. Most MousePlayer GTM & GA4 uklanja taj jaz uspostavljanjem dvosmernog kanala sinhronizacije unutar JavaScript izvršnog okruženja pregledača.

Kada se aktivira, skripta za praćenje pokreće dva namenska osnovna modula:

Izvoznik snimaka sesija (initGa4SessionBridge): Automatski šalje identifikator aktivne sesije snimanja (mp_session_id) i direktni URL reprodukcije (mp_session_url) u sloj podataka veb-sajta čim se sesija uspostavi.
Uvoznik GA4 događaja (initDataLayerBridge): Dodaje nedestruktivni osluškivač nizu sloja podataka. Svaki prilagođeni događaj e-trgovine ili ponašanja poslat za GA4 odmah se preslikava u MousePlayer analitičku bazu kao prilagođeni događaj (ce), uključujući sve numeričke i tekstualne parametre.

Podrška za prilagođeni dataLayer objekat: Ako veb aplikacija koristi prilagođeni naziv JavaScript niza umesto standardnog dataLayer (na primer, xyzDataLayer), sistem se dinamički prilagođava podešenom parametru gtm_datalayer_name bez potrebe za ručnim izmenama koda.

2. Strateška poslovna vrednost

Ugrađivanje linkova do snimaka sesija direktno u analitičke tokove preduzeća pruža više značajnih operativnih prednosti:

Poslovna mogućnost	Operativni uticaj
Optimizacija stope konverzije (CRO)	Omogućava digitalnim analitičarima da pronađu mesta trenja u GA4 levcima konverzije i odmah pokrenu snimke korisnika koji su napustili korpu u određenim koracima naplate.
Pripisivanje prihoda & revizija	Transakcije e-trgovine velike vrednosti mogu da se provere pregledom tačnih putanja pokazivača, klikova i stanja vidljivog dela ekrana koji su doveli do kupovine.
Ubrzano tehničko otklanjanje grešaka	QA inženjerski timovi mogu da povežu GA4 događaje JavaScript izuzetaka ili API evidencije grešaka direktno sa vizuelnim snimcima ekrana, bez potrebe za ručnom reprodukcijom grešaka.
Rešavanje zahteva korisničke podrške	Tiketi podrške sa ID-jevima korisničkih sesija omogućavaju agentima da pregledaju tačan snimak klijenta i znatno skrate vreme rešavanja.

3. Vodič za konfiguraciju Google Tag Manager-a

Da biste preuzeli URL snimka u Google Tag Manager-u i prosledili ga Google Analytics-u 4, potrebno je podesiti tri zasebne GTM komponente:

Korak 1: napravite promenljive sloja podataka

U GTM radnom prostoru idite na Variables → User-Defined Variables i napravite dve promenljive tipa Data Layer Variable:

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

Korak 2: napravite okidač aktivacije

Idite na Triggers → New i izaberite tip okidača Custom Event. Podesite sledeće parametre:

Naziv događaja: mp_session_ready
Ovaj okidač se pokreće za: All Custom Events

Korak 3: podesite oznaku GA4 događaja

Napravite novu oznaku tipa Google Analytics: GA4 Event da prenesete link sesije na GA4 sajt:

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

Kada se GTM oznaka postavi, GA4 počinje da prima URL reprodukcije kao parametar događaja. Da biste analizirali ove podatke u prilagođenim istraživačkim izveštajima, parametar prvo morate da registrujete kao prilagođenu dimenziju.

Registrovanje prilagođenih dimenzija u GA4 administraciji

U interfejsu Google Analytics 4 idite na Admin → Data display → Custom definitions i kliknite na Create custom dimension:

Naziv dimenzije: MousePlayer Session URL
Opseg: Event (ili Session ako se dodaje parametrima sa opsegom sesije)
Parametar događaja: mp_session_url

Izrada istraživanja za pregled sesija

U GA4 odeljku Explore napravite novo istraživanje tipa Free form za pregled pojedinačnih putanja korisnika:

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

Generisana tabela izveštaja prikazuje direktne URL-ove na koje može da se klikne uz GA4 pokazatelje, što omogućava trenutni prelazak sa statističkih odstupanja na vizuelne snimke.

5. Ugrađivanje URL-ova snimaka u podrazumevane GA4 izveštaje

Pored istraživanja, prilagođene dimenzije mogu da se ugrade u standardne podrazumevane GA4 izveštaje (poput Traffic acquisition, Pages and screens ili E-commerce purchases) pomoću GA4 biblioteke izveštaja.

Izmena standardnih tabela izveštaja

U GA4 otvorite bilo koji podrazumevani detaljni izveštaj (npr. Reports → Engagement → Pages and screens).
Kliknite na ikonu olovke Customize report u gornjem desnom uglu (potreban je administratorski pristup).
U desnom panelu pod Report Data kliknite na Dimensions.
Dodajte MousePlayer Session URL u listu primarnih ili sekundarnih dimenzija i postavite ga kao vidljivo.
Kliknite na Save → Save changes to current report.

Nakon čuvanja, svaki analitičar koji pregleda standardne tabele akvizicije ili konverzije može da doda MousePlayer Session URL kao sekundarnu dimenziju i odmah vizuelno pregleda ponašanje posetilaca kroz standardne segmente saobraćaja.

6. JavaScript API & referenca kompatibilnosti sa GA4 / GTM-om

MousePlayer pruža intuitivan JavaScript API kompatibilan sa GA4 (koristeći standardne komande u stilu gtag()) i javni globalni objekat (window.MousePlayer). To omogućava programerima da zatraže URL-ove sesija u konzoli, dodaju ID-jeve B2B klijenata i ubace linkove snimaka u spoljne helpdesk sisteme ili alate za praćenje grešaka.

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

Možete da preuzmete pun URL reprodukcije aktivne sesije posetioca direktno iz konzole pregledača ili bilo koje prilagođene skripte koristeći 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 identifikovanje prijavljenih SaaS ili B2B klijenata možete da prosledite prilagođeni user_id (poput ID-ja baze podataka, imejla ili UUID-a) pri početnoj konfiguraciji skripte ili dinamički tokom izvršavanja pomoću GA4 sintakse:

// 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 asinhronog preuzimanja podataka

Možete da koristite standardnu GA4 sintaksu povratnih poziva za asinhrono preuzimanje metapodataka sesije unutar prilagođenih skripti 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 da pomognemo?