Most GTM & most GA4 pro události

Propojení kvantitativní telemetrie Google Analytics 4 s kvalitativními záznamy relací MousePlayer pomocí obousměrné synchronizace dataLayer a rozhraní API kompatibilních s GA4.

1. Přehled architektury & možností

Moderní webovou analytiku často omezuje zásadní oddělení dat: kvantitativní platformy (například Google Analytics 4) uvádějí, co se na webu stalo, zatímco kvalitativní nástroje pro přehrávání relací vysvětlují, proč se to stalo. Most MousePlayer GTM & GA4 tuto mezeru překonává vytvořením obousměrného synchronizačního kanálu v běhovém prostředí JavaScriptu prohlížeče.

Po aktivaci sledovací skript inicializuje dva vyhrazené základní moduly:

  • Exportér záznamů relací (initGa4SessionBridge): Jakmile je relace navázána, automaticky vloží identifikátor aktivní nahrávané relace (mp_session_id) a přímou adresu URL pro přehrávání (mp_session_url) do datové vrstvy webu.
  • Importér událostí GA4 (initDataLayerBridge): Připojí k poli datové vrstvy posluchač, který nenarušuje stávající funkce. Každá vlastní událost elektronického obchodování nebo chování vložená pro GA4 se ihned zrcadlí do analytické databáze MousePlayer jako vlastní událost (ce), včetně všech číselných a textových parametrů.

Podpora vlastních objektů dataLayer: Pokud webová aplikace používá vlastní název pole JavaScriptu namísto standardního dataLayer (například xyzDataLayer), systém se dynamicky přizpůsobí nastavenému parametru gtm_datalayer_name bez nutnosti ručních úprav kódu.

2. Strategický přínos pro firmu

Začlenění odkazů na přehrávání relací přímo do podnikových analytických procesů přináší několik významných provozních výhod:

Oblast využití Provozní přínos
Optimalizace konverzního poměru (CRO) Umožňuje analytikům rozpoznat místa tření v konverzních trychtýřích GA4 a okamžitě otevřít záznamy uživatelů, kteří opustili košík v konkrétním kroku pokladny.
Atribuce tržeb & audit Hodnotné transakce elektronického obchodování lze ověřit podle přesných pohybů kurzoru, kliknutí a stavů viewportu, které vedly k nákupu.
Rychlejší hledání technických chyb Týmy vývoje a zajištění kvality mohou přímo propojit události výjimek JavaScriptu v GA4 nebo chybové protokoly API s vizuálními záznamy obrazovky, takže chyby nemusí ručně reprodukovat.
Řešení požadavků zákaznické podpory Požadavky obsahující ID uživatelských relací umožňují pracovníkům podpory přehrát přesnou relaci zákazníka a výrazně zkrátit dobu řešení.

3. Průvodce nastavením Google Tag Manager

Pro zachycení adresy URL záznamu v Google Tag Manager a její předání do Google Analytics 4 je nutné nastavit tři samostatné prvky GTM:

Krok 1: vytvoření proměnných datové vrstvy

V pracovním prostoru GTM přejděte na Variables → User-Defined Variables a vytvořte dvě proměnné typu Data Layer Variable:

  • Název proměnné: dlv - mp_session_id • Název proměnné datové vrstvy: mp_session_id
  • Název proměnné: dlv - mp_session_url • Název proměnné datové vrstvy: mp_session_url

Krok 2: vytvoření aktivačního pravidla

Přejděte na Triggers → New a vyberte typ pravidla Custom Event. Nastavte následující parametry:

  • Název události: mp_session_ready
  • Toto pravidlo se spouští při: All Custom Events

Krok 3: nastavení značky události GA4

Vytvořte novou značku typu Google Analytics: GA4 Event pro předání odkazu na relaci do služby 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. Nastavení průzkumů (vlastních přehledů) v GA4

Po nasazení značky GTM začne GA4 přijímat adresu URL pro přehrávání jako parametr události. Aby bylo možné data analyzovat ve vlastních průzkumech, je nejprve nutné parametr zaregistrovat jako vlastní dimenzi.

Registrace vlastních dimenzí ve správě GA4

V rozhraní Google Analytics 4 přejděte na Admin → Data display → Custom definitions a klikněte na Create custom dimension:

  • Název dimenze: MousePlayer Session URL
  • Rozsah: Event (nebo Session při připojení k parametrům na úrovni relace)
  • Parametr události: mp_session_url

Vytvoření průzkumu pro kontrolu relací

V části Explore v GA4 vytvořte nový průzkum typu Free form pro kontrolu jednotlivých cest uživatelů:

  • Řádky: Přidejte Event name, Transaction ID (pro elektronické obchodování) nebo Landing page.
  • Sloupce / dimenze: Zahrňte nově vytvořenou vlastní dimenzi MousePlayer Session URL.
  • Hodnoty: Přidejte Event count nebo Total users.

Výsledná tabulka přehledu zobrazuje přímo klikatelné adresy URL vedle metrik GA4, takže lze okamžitě přejít od statistických odchylek k vizuálnímu přehrávání.

5. Začlenění adres URL záznamů do standardních přehledů GA4

Kromě průzkumů lze vlastní dimenze pomocí knihovny přehledů GA4 začlenit i do standardních přehledů (například Traffic acquisition, Pages and screensnebo E-commerce purchases).

Úprava tabulek standardních přehledů

  1. V GA4 otevřete libovolný podrobný standardní přehled (například Reports → Engagement → Pages and screens).
  2. Klikněte na ikonu tužky Customize report v pravém horním rohu (vyžaduje přístup správce).
  3. V pravém panelu v části Report Dataklikněte na Dimensions.
  4. Přidejte MousePlayer Session URL do seznamu primárních nebo sekundárních dimenzí a nastavte ji jako viditelnou.
  5. Klikněte na Save → Save changes to current report.

Po uložení může analytik při prohlížení standardních tabulek akvizice nebo konverzí přidat MousePlayer Session URL jako sekundární dimenzi a okamžitě vizuálně zkoumat chování návštěvníků napříč standardními segmenty návštěvnosti.

6. JavaScript API & přehled kompatibility s GA4 / GTM

MousePlayer poskytuje intuitivní JavaScript API kompatibilní s GA4 (se standardními příkazy ve stylu gtag()) a veřejný globální objekt (window.MousePlayer). Vývojáři tak mohou v konzoli zjišťovat adresy URL relací, přiřazovat ID firemních zákazníků a vkládat odkazy na přehrávání do helpdesků nebo nástrojů pro sledování chyb třetích stran.

1. Přímé vložení adresy URL záznamu (Intercom / Zendesk / vlastní mosty)

Úplnou adresu URL pro přehrávání aktivní relace návštěvníka můžete získat přímo z konzole prohlížeče nebo z vlastního skriptu pomocí 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. Nastavení vlastních ID firemních zákazníků (user_id)

Pro identifikaci přihlášených zákazníků SaaS nebo B2B můžete předat vlastní user_id (například ID z databáze, e-mail nebo UUID) při počáteční konfiguraci skriptu nebo dynamicky za běhu pomocí 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. Metody asynchronního načítání dat

Pomocí standardní syntaxe zpětných volání GA4 můžete asynchronně načítat metadata relací ve vlastních skriptech pro správu značek:

// 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šechny uvedené ochranné známky patří příslušným vlastníkům. MousePlayer s těmito poskytovateli nemá obchodní vztah.