Мост кон GTM & мост за настани GA4

Обединување на квантитативната телеметрија на Google Analytics 4 со квалитативните репродукции на сесии на MousePlayer преку двонасочна синхронизација на dataLayer и API компатибилни со GA4.

1. Преглед на архитектурата & можности

Современата веб-аналитика често страда од основна изолација на податоци: квантитативните платформи (како Google Analytics 4) пријавуваат што се случило на веб-локацијата, додека квалитативните алатки за репродукција на сесии објаснуваат зошто се случило. Мостот MousePlayer GTM & GA4 ја отстранува таа празнина со воспоставување двонасочен канал за синхронизација во извршната околина за JavaScript на прелистувачот.

Кога е активирана, скриптата за следење иницијализира два посебни основни модули:

  • Извозник на репродукции на сесии (initGa4SessionBridge): Автоматски ги испраќа идентификаторот на активната сесија на снимање (mp_session_id) и директната URL-адреса за репродукција (mp_session_url) во податочниот слој на веб-локацијата штом ќе се воспостави сесијата.
  • Приемник на настани GA4 (initDataLayerBridge): Додава недеструктивен слушател во низата на податочниот слој. Секој приспособен настан за е-трговија или однесување испратен за GA4 веднаш се пресликува во аналитичката база на MousePlayer како приспособен настан (ce), вклучувајќи ги сите нумерички и текстуални параметри.

Поддршка за приспособен објект dataLayer: Ако веб-апликацијата користи приспособено име на JavaScript-низа наместо стандардното dataLayer (на пример, xyzDataLayer), механизмот динамично се приспособува на конфигурираниот параметар gtm_datalayer_name без потреба од рачни измени во кодот.

2. Стратешка деловна вредност

Интегрирањето врски до репродукции на сесии директно во корпоративните аналитички процеси дава неколку значајни оперативни предности:

Деловна можност Оперативно влијание
Оптимизација на стапката на конверзија (CRO) Им овозможува на дигиталните аналитичари да откријат точки на триење во инките на конверзија во GA4 и веднаш да пуштат снимки на корисници што напуштиле кошнички во конкретни чекори на наплата.
Припишување приход & ревизија Трансакциите во е-трговија со висока вредност може да се ревидираат со преглед на точните траектории на покажувачот, кликови и состојби на видливиот дел што довеле до купување.
Забрзано техничко отстранување грешки Инженерските тимови за QA може директно да ги поврзат настаните за исклучоци во JavaScript од GA4 или дневниците со API-грешки со визуелни снимки на екранот, отстранувајќи ја потребата за рачно репродуцирање грешки.
Решавање барања за корисничка поддршка Тикетите за поддршка што содржат ID на корисничка сесија им дозволуваат на агентите да ја прегледаат точната репродукција на сесијата на клиентот, драстично намалувајќи го времето за решавање.

3. Упатство за конфигурација на Google Tag Manager

За да ја преземете URL-адресата на репродукцијата во Google Tag Manager и да ја насочите кон Google Analytics 4, мора да се конфигурираат три одделни GTM-елементи:

Чекор 1: создајте променливи на податочниот слој

Во работниот простор на GTM одете во Променливи → Кориснички дефинирани променливи и создајте две променливи од тип Променлива на податочен слој:

  • Име на променливата: dlv - mp_session_id • Име на променливата на податочниот слој: mp_session_id
  • Име на променливата: dlv - mp_session_url • Име на променливата на податочниот слој: mp_session_url

Чекор 2: создајте активатор

Одете во Активатори → Нов и изберете го типот на активатор Приспособен настан. Конфигурирајте ги следниве параметри:

  • Име на настанот: mp_session_ready
  • Овој активатор се активира на: Сите приспособени настани

Чекор 3: конфигурирајте ја ознаката за настан GA4

Создајте нова ознака од тип Google Analytics: настан GA4 за да ја пренесете врската до сесијата во веб-локацијата на 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. Конфигурирање истражувања (приспособени извештаи) во GA4

Откако ќе ја поставите GTM-ознаката, GA4 започнува да ја прима URL-адресата за репродукција како параметар на настан. За да ги анализирате овие податоци во приспособени извештаи за истражување, параметарот прво мора да се регистрира како приспособена димензија.

Регистрирање приспособени димензии во администраторот на GA4

Во интерфејсот на Google Analytics 4 одете во Администратор → Приказ на податоци → Приспособени дефиниции и кликнете на Создај приспособена димензија:

  • Име на димензијата: MousePlayer Session URL
  • Опсег: Настан (или Сесија ако е додаден на параметри со опсег на сесија)
  • Параметар на настанот: mp_session_url

Создавање истражување за преглед на сесии

Во секцијата Истражи во GA4 создајте ново истражување Слободна форма за да ги прегледате поединечните кориснички патеки:

  • Редови: Додајте Event name, Transaction ID (за е-трговија) или Landing page.
  • Колони / димензии: Вклучете ја новосоздадената приспособена димензија MousePlayer Session URL.
  • Вредности: Додајте Event count или Total users.

Создадената табела во извештајот прикажува директни URL-адреси за кликнување покрај метриките на GA4, овозможувајќи моментален премин од статистички отстапувања кон визуелни репродукции.

5. Интегрирање URL-адреси на репродукции во стандардни извештаи на GA4

Освен во Истражувања, приспособените димензии може да се интегрираат во стандардните извештаи на GA4 (како Стекнување сообраќај, Страници и екраниили Купувања во е-трговија) преку Библиотеката на извештаи на GA4.

Менување табели во стандардни извештаи

  1. Во GA4 отворете кој било стандарден детален извештај (на пр., Извештаи → Ангажираност → Страници и екрани).
  2. Кликнете на иконата со молив Приспособи извештај во горниот десен агол (потребен е администраторски пристап).
  3. Во десниот панел во Податоци на извештајоткликнете на Димензии.
  4. Додајте MousePlayer Session URL во списокот на примарни или секундарни димензии и поставете ја како видлива.
  5. Кликнете на Зачувај → Зачувај измени во тековниот извештај.

По зачувувањето, секој аналитичар што ги прегледува стандардните табели за стекнување или конверзии може да додаде MousePlayer Session URL како секундарна димензија, овозможувајќи моментален визуелен преглед на однесувањето на посетителите низ стандардните сегменти на сообраќај.

6. Референца за JavaScript API & компатибилност со GA4 / GTM

MousePlayer обезбедува интуитивен JavaScript API компатибилен со GA4 (со стандардни команди во стил gtag()) и јавен глобален објект (window.MousePlayer). Ова им овозможува на програмерите да пребаруваат URL-адреси на сесии во конзолата, да додаваат ID на B2B-клиенти и да вметнуваат врски до репродукции во центри за поддршка или системи за следење грешки од трети страни.

1. Директно вметнување URL на репродукција (Intercom / Zendesk / приспособени мостови)

Може да ја преземете целосната URL-адреса за репродукција на активната сесија на посетителот директно од конзолата на прелистувачот или од приспособена скрипта со 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. Поставување приспособени ID на B2B-клиенти (user_id)

За да идентификувате најавени SaaS или B2B-клиенти, може да пренесете приспособен user_id (како ID од база, е-пошта или UUID) при почетната конфигурација на скриптата или динамично при извршување со синтакса на 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. Методи за асинхроно преземање податоци

Може да користите стандардна синтакса на 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); });

Сите трговски марки наведени тука им припаѓаат на нивните соодветни сопственици. MousePlayer нема деловен однос со овие даватели.