Most GTM & most udalostí GA4

Prepojenie kvantitatívnej telemetrie Google Analytics 4 s kvalitatívnym prehrávaním relácií MousePlayer pomocou obojsmernej synchronizácie dataLayer a API kompatibilných s GA4.

1. Prehľad architektúry & možnosti

Moderná webová analytika často trpí zásadným oddelením údajov: kvantitatívne platformy (napríklad Google Analytics 4) hlásia, čo sa na webe stalo, zatiaľ čo kvalitatívne nástroje na prehrávanie relácií vysvetľujú, prečo sa to stalo. Tento most MousePlayer pre GTM & GA4 odstraňuje túto medzeru vytvorením obojsmerného synchronizačného kanála v prostredí JavaScriptu prehliadača.

Po aktivácii sledovací skript inicializuje dva vyhradené základné moduly:

  • Exportér prehrávania relácií (initGa4SessionBridge): Automaticky odošle identifikátor aktívnej zaznamenávanej relácie (mp_session_id) a priamu URL prehrávania (mp_session_url) do dátovej vrstvy webu hneď po vytvorení relácie.
  • Prijímač udalostí GA4 (initDataLayerBridge): Pripojí k poľu dátovej vrstvy poslucháč bez narušenia jeho fungovania. Každá vlastná udalosť elektronického obchodu alebo správania odoslaná pre GA4 sa okamžite zrkadlí do analytickej databázy MousePlayer ako vlastná udalosť (ce) vrátane všetkých číselných a textových parametrov.

Podpora vlastného objektu dataLayer: Ak webová aplikácia používa vlastný názov poľa JavaScriptu namiesto štandardného dataLayer (napríklad xyzDataLayer), mechanizmus sa dynamicky prispôsobí nakonfigurovanému parametru gtm_datalayer_name bez potreby ručných zmien kódu.

2. Strategická obchodná hodnota

Integrácia odkazov na prehrávanie relácií priamo do podnikových analytických tokov prináša niekoľko významných prevádzkových výhod:

Obchodná možnosť Prevádzkový vplyv
Optimalizácia konverznej miery (CRO) Umožňuje digitálnym analytikom identifikovať miesta trenia v konverzných lievikoch GA4 a okamžite spustiť záznamy používateľov, ktorí opustili nákupný košík v konkrétnych krokoch pokladne.
Atribúcia tržieb & audit Transakcie elektronického obchodu s vysokou hodnotou možno auditovať kontrolou presných dráh kurzora, kliknutí a stavov viditeľnej oblasti, ktoré viedli k nákupu.
Rýchlejšie technické ladenie Technické tímy QA môžu priamo prepájať udalosti výnimiek JavaScriptu v GA4 či denníky chýb API s vizuálnymi záznamami obrazovky, čím odpadá potreba ručného reprodukovania chýb.
Riešenie zákazníckej podpory Požiadavky podpory obsahujúce ID relácií používateľov umožňujú agentom pozrieť si presné prehrávanie relácie zákazníka a výrazne skrátiť čas riešenia.

3. Návod na konfiguráciu Google Tag Manager

Na zachytenie URL prehrávania v Google Tag Manager a jej odoslanie do Google Analytics 4 treba nakonfigurovať tri samostatné prvky GTM:

Krok 1: Vytvoriť premenné dátovej vrstvy

V pracovnom priestore GTM prejdite na Premenné → Premenné definované používateľom a vytvorte dve premenné typu Premenná dátovej vrstvy:

  • Názov premennej: dlv - mp_session_id • Názov premennej dátovej vrstvy: mp_session_id
  • Názov premennej: dlv - mp_session_url • Názov premennej dátovej vrstvy: mp_session_url

Krok 2: Vytvoriť aktivačný spúšťač

Prejdite na Spúšťače → Nový a vyberte typ spúšťača Vlastná udalosť. Nakonfigurujte tieto parametre:

  • Názov udalosti: mp_session_ready
  • Tento spúšťač sa aktivuje pri: Všetky vlastné udalosti

Krok 3: Nakonfigurovať značku udalosti GA4

Vytvorte novú značku typu Google Analytics: Udalosť GA4 na prenos odkazu na reláciu do vlastníctva 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. Konfigurácia prieskumov (vlastných správ) v GA4

Po nasadení značky GTM začne GA4 prijímať URL prehrávania ako parameter udalosti. Na analýzu týchto údajov vo vlastných správach prieskumu treba parameter najprv zaregistrovať ako vlastnú dimenziu.

Registrácia vlastných dimenzií v správe GA4

V rozhraní Google Analytics 4 prejdite na Správca → Zobrazenie údajov → Vlastné definície a kliknite na Vytvoriť vlastnú dimenziu:

  • Názov dimenzie: MousePlayer Session URL
  • Rozsah: Udalosť (alebo Relácia pri pripojení k parametrom s rozsahom relácie)
  • Parameter udalosti: mp_session_url

Vytvorenie prieskumu na kontrolu relácií

V časti Prieskumy v GA4 vytvorte nový prieskum typu Voľný formát na kontrolu jednotlivých ciest používateľov:

  • Riadky: Pridajte Event name, Transaction ID (pre elektronický obchod) alebo Landing page.
  • Stĺpce / dimenzie: Zahrňte novovytvorenú vlastnú dimenziu MousePlayer Session URL.
  • Hodnoty: Pridajte Event count alebo Total users.

Vygenerovaná tabuľka správy zobrazuje pri metrikách GA4 priame klikateľné URL, ktoré umožňujú okamžitý prechod od štatistických odchýlok k vizuálnemu prehrávaniu.

5. Integrácia URL prehrávania do predvolených správ GA4

Okrem prieskumov možno vlastné dimenzie integrovať do štandardných predvolených správ GA4 (napríklad Získavanie návštevnosti, Stránky a obrazovky alebo Nákupy v elektronickom obchode) pomocou knižnice správ GA4.

Úprava tabuliek štandardných správ

  1. V GA4 otvorte ľubovoľnú predvolenú podrobnú správu (napr. Správy → Zapojenie → Stránky a obrazovky).
  2. Kliknite na ikonu ceruzky Prispôsobiť správu v pravom hornom rohu (vyžaduje sa administrátorský prístup).
  3. Na pravom paneli v časti Údaje správy kliknite na Dimenzie.
  4. Pridajte MousePlayer Session URL do zoznamu primárnych alebo sekundárnych dimenzií a nastavte viditeľnosť.
  5. Kliknite na Uložiť → Uložiť zmeny v aktuálnej správe.

Po uložení môže každý analytik prezerajúci štandardné tabuľky získavania návštevnosti alebo konverzií pridať MousePlayer Session URL ako sekundárnu dimenziu a okamžite vizuálne skúmať správanie návštevníkov v štandardných segmentoch návštevnosti.

6. Referenčná príručka JavaScript API & kompatibility s GA4 / GTM

MousePlayer poskytuje intuitívne JavaScript API kompatibilné s GA4 (pomocou príkazov v štýle gtag()) a verejný globálny objekt (window.MousePlayer). Vývojári tak môžu zisťovať URL relácií v konzole, pripájať ID zákazníkov B2B a vkladať odkazy na prehrávanie do systémov podpory či sledovania chýb tretích strán.

1. Priame vloženie URL prehrávania (Intercom / Zendesk / vlastné mosty)

Úplnú URL prehrávania aktívnej relácie návštevníka môžete získať priamo z konzoly prehliadača alebo ľubovoľného vlastného skriptu pomocou 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. Nastavenie vlastných ID zákazníkov B2B (user_id)

Na identifikáciu prihlásených zákazníkov SaaS alebo B2B môžete odovzdať vlastný identifikátor user_id (napríklad ID z databázy, e-mail alebo UUID) buď pri úvodnej konfigurácii skriptu, alebo dynamicky počas behu pomocou syntaxe 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. Metódy asynchrónneho získavania údajov

Na asynchrónne získavanie metadát relácie vo vlastných skriptoch správy značiek môžete použiť štandardnú syntax spätných volaní GA4:

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

Všetky uvedené ochranné známky patria príslušným vlastníkom. MousePlayer nemá s týmito poskytovateľmi obchodný vzťah.