GTM көпүрөсү & GA4 окуяларынын көпүрөсү

Google Analytics 4 сандык телеметриясын MousePlayerдин сапаттык сеанс жаздыруулары менен эки багыттагы dataLayer шайкештештирүүсү жана GA4 менен шайкеш APIлар аркылуу бириктирүү.

1. Архитектурага сереп & мүмкүнчүлүктөр

Заманбап веб-аналитикада маалыматтардын обочолонуусу көп кездешет: сандык платформалар (мисалы, Google Analytics 4) сайтта эмне болгонун билдирет, ал эми сеанс жаздыруусун көрүүчү сапаттык куралдар анын эмне үчүн болгонун түшүндүрөт. MousePlayer GTM & GA4 көпүрөсү браузердин JavaScript аткаруу чөйрөсүндө эки багыттагы шайкештештирүү каналын түзүп, бул ажырымды жоёт.

Иштетилгенде, көзөмөлдөө скрипти эки негизги модулду баштайт:

  • Сеанс жаздыруусун экспорттоочу (initGa4SessionBridge): Сеанс түзүлгөндө активдүү жаздыруу сеансынын идентификаторун (mp_session_id) жана түз көрүү URL дарегин (mp_session_url) сайттын маалымат катмарына автоматтык жөнөтөт.
  • GA4 окуяларын кабыл алуучу (initDataLayerBridge): Маалымат катмарынын массивине учурдагы ишин бузбаган угуучуну кошот. GA4 үчүн жөнөтүлгөн электрондук сооданын же жүрүм-турумдун ар бир ыңгайлаштырылган окуясы бардык сандык жана сап параметрлери менен дароо MousePlayer аналитикасынын маалымат базасына ыңгайлаштырылган окуя (ce) катары көчүрүлөт.

Ыңгайлаштырылган dataLayer объектисин колдоо: Веб-колдонмо стандарттуу dataLayer ордуна (мисалы, xyzDataLayer) ыңгайлаштырылган JavaScript массив атын колдонсо, кыймылдаткыч жөндөлгөн gtm_datalayer_name параметрине кодду кол менен өзгөртпөстөн динамикалык ыңгайлашат.

2. Бизнестик стратегиялык маани

Сеанс жаздыруусуна шилтемелерди ишкананын аналитикалык агымдарына түз кошуу бир нече маанилүү иш артыкчылыгын берет:

Бизнестик мүмкүнчүлүк Ишке таасири
Конверсия үлүшүн оптималдаштыруу (CRO) Санарип аналитиктерге GA4 конверсия воронкаларындагы тоскоолдуктарды таап, төлөмдүн белгилүү кадамында себетин таштап кеткен колдонуучулардын жаздырууларын дароо ачууга мүмкүндүк берет.
Кирешени таандык кылуу & аудит Сатып алууга алып келген көрсөткүчтүн так жолдорун, чыкылдатууларды жана көрүнүү аймагынын абалдарын карап, чоң суммалуу электрондук соода бүтүмдөрүн текшерүүгө болот.
Техникалык каталарды тезирээк табуу QA инженердик топтору GA4 JavaScript өзгөчө кырдаал окуяларын же API ката журналдарын экрандын көрүнүктүү жаздырууларына түз байланыштырып, каталарды кол менен кайра чыгаруу зарылдыгын жоёт.
Кардар колдоосунда маселени чечүү Колдонуучунун сеанс IDси бар колдоо өтүнмөлөрү колдоо кызматкерлерине кардардын так жаздыруусун көрүүгө мүмкүнчүлүк берип, чечүү убактысын кыйла кыскартат.

3. Google Tag Manager жөндөө нускамасы

Google Tag Manager ичинде жаздырууну көрүү URL дарегин кармап, 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 окуя тегин жөндөө

Сеанс шилтемесин GA4 сайтына өткөрүү үчүн түрү Google Analytics: 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 кошуңуз.

Түзүлгөн отчёт таблицасы GA4 көрсөткүчтөрүнүн жанында түз басылуучу URL даректерин көрсөтөт. Ошентип статистикалык өзгөчөлүктөрдөн жаздырууларды көрүүгө дароо өтөсүз.

5. Жаздырууну көрүү URL даректерин GA4түн демейки отчётторуна кошуу

Изилдөөлөрдөн тышкары, GA4 отчёттор китепканасы аркылуу ыңгайлаштырылган өлчөмдөрдү стандарттуу демейки GA4 отчётторуна (мисалы, Трафик тартуу, Беттер жана экрандарже Электрондук соода сатып алуулары) кошууга болот.

Стандарттуу отчёт таблицаларын өзгөртүү

  1. GA4 ичинде каалаган демейки кеңири отчётту ачыңыз (мисалы, Отчёттор → Аракеттенүү → Беттер жана экрандар).
  2. Жогорку оң бурчтагы Отчётту ыңгайлаштыруу карандаш белгисин басыңыз (башкаруучу укугу талап кылынат).
  3. Оң панелдеги Отчёт маалыматтары бөлүмүнөн Өлчөмдөр баскычын басыңыз.
  4. MousePlayer Session URL маанисин негизги же кошумча өлчөмдөр тизмесине кошуп, көрүнгөндөй коюңуз.
  5. Сактоо → Учурдагы отчётко өзгөртүүлөрдү сактоо баскычын басыңыз.

Сакталгандан кийин стандарттуу тартуу же конверсия таблицаларын караган аналитик MousePlayer Session URL маанисин кошумча өлчөм катары кошуп, стандарттуу трафик сегменттериндеги конок жүрүм-турумун дароо көрө алат.

6. JavaScript API & GA4 / GTM шайкештик маалымдамасы

MousePlayer түшүнүктүү, GA4 менен шайкеш JavaScript APIсын (стандарттуу gtag() стилиндеги буйруктар менен) жана жалпы глобалдык объектти (window.MousePlayer) берет. Бул иштеп чыгуучуларга консолдон сеанс URL даректерин суроого, B2B кардар IDлерин кошууга жана жаздыруу шилтемелерин үчүнчү тараптын колдоо же ката көзөмөлдөө системаларына киргизүүгө мүмкүндүк берет.

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. Ыңгайлаштырылган B2B кардар IDлерин коюу (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 бул провайдерлер менен ишкердик байланышта эмес.