GTM ko‘prigi & GA4 hodisa ko‘prigi

Miqdoriy Google Analytics 4 telemetriyasini ikki yo‘nalishli dataLayer sinxronlash va GA4-mos API’lar orqali sifatli MousePlayer sessiya qayta ijrolari bilan birlashtirish.

1. Arxitektura sharhi & imkoniyatlar

Zamonaviy veb tahlilda ko‘pincha asosiy ma’lumot ajralishi bor: miqdoriy platformalar (Google Analytics 4 kabi) saytda nima bo‘lganini bildiradi, sifatli sessiya qayta ijro vositalari esa nega bo‘lganini tushuntiradi. Shu MousePlayer GTM & GA4 ko‘prigi brauzer JavaScript muhitida ikki tomonlama sinxronlash kanalini o‘rnatib, bu bo‘shliqni yo‘qotadi.

Faollashganda kuzatuv skripti ikkita maxsus asosiy modulni ishga tushiradi:

  • Sessiya qayta ijro eksportchisi (initGa4SessionBridge): Sessiya yaratilishi bilanoq faol yozuv sessiyasi identifikatorini (mp_session_id) va bevosita ijro URL’ini (mp_session_url) sayt ma’lumot qatlamiga avtomatik uzatadi.
  • GA4 hodisa qabul qiluvchisi (initDataLayerBridge): Ma’lumot qatlami massiviga buzmaydigan tinglovchi qo‘shadi. GA4 uchun uzatilgan har maxsus elektron tijorat yoki xulq hodisasi darhol MousePlayer tahlil bazasiga maxsus hodisa (ce) sifatida barcha raqam va matn parametrlari bilan ko‘chiriladi.

Maxsus dataLayer obyektini qo‘llash: Veb ilova standart shu nom o‘rniga: dataLayer (masalan, xyzDataLayer) maxsus JavaScript massivi nomidan foydalansa, mexanizm sozlangan gtm_datalayer_name parametriga qo‘lda kod o‘zgartirishsiz dinamik moslashadi.

2. Strategik biznes qiymati

Sessiya qayta ijro havolalarini bevosita korporativ tahlil oqimlariga qo‘shish bir necha kuchli amaliy afzallik beradi:

Biznes imkoniyati Amaliy ta’sir
Konversiya ulushini optimallash (CRO) Raqamli tahlilchilarga GA4 voronkalaridagi to‘siqlarni topib, muayyan buyurtma qadamida savatni tashlagan foydalanuvchilar yozuvini darhol ochishga imkon beradi.
Daromadni bog‘lash & audit Katta qiymatli elektron tijorat bitimlarini xaridga olib kelgan aniq kursor yo‘llari, bosishlar va ko‘rinadigan maydon holatlarini ko‘rib tekshirish mumkin.
Texnik xatolarni tezroq tuzatish QA muhandislari GA4 JavaScript istisnolari yoki API xato jurnallarini vizual ekran yozuvlariga bevosita bog‘lab, xatoni qo‘lda takrorlash zaruratini yo‘qota oladi.
Mijoz yordamini hal qilish Foydalanuvchi sessiya ID’si bor yordam so‘rovlari agentlarga mijozning aniq sessiya qayta ijrosini ko‘rib, hal qilish vaqtini keskin qisqartirishga imkon beradi.

3. Google Tag Manager sozlash qo‘llanmasi

Qayta ijro URL’ini Google Tag Manager’da olib, Google Analytics 4 ga yo‘naltirish uchun uchta alohida GTM obyekti sozlanadi:

1-qadam: ma’lumot qatlami o‘zgaruvchilari yaratish

GTM ish maydonida shunga o‘ting: O‘zgaruvchilar → Foydalanuvchi belgilagan o‘zgaruvchilar va ikki o‘zgaruvchini shu turda yarating: Ma’lumot qatlami o‘zgaruvchisi:

  • O‘zgaruvchi nomi: dlv - mp_session_id • Ma’lumot qatlami o‘zgaruvchisi nomi: mp_session_id
  • O‘zgaruvchi nomi: dlv - mp_session_url • Ma’lumot qatlami o‘zgaruvchisi nomi: mp_session_url

2-qadam: faollashtirish triggerini yaratish

Shu yerga o‘ting: Triggerlar → Yangi va shu trigger turini tanlang: Maxsus hodisa. Quyidagi parametrlarni sozlang:

  • Hodisa nomi: mp_session_ready
  • Trigger shu holatda ishlaydi: Barcha maxsus hodisalar

3-qadam: GA4 hodisa tegini sozlash

Shu turdagi yangi teg yarating: Google Analytics: GA4 hodisasi va sessiya havolasini GA4 saytiga yuboring:

# 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’da tadqiqotlar (maxsus hisobotlar) sozlash

GTM tegi joylashtirilgach, GA4 ijro URL’ini hodisa parametri sifatida qabul qila boshlaydi. Maxsus tadqiqot hisobotlarida tahlil qilish uchun avval parametr Maxsus o‘lcham sifatida ro‘yxatdan o‘tishi kerak.

GA4 administratorida maxsus o‘lchamlar yaratish

Google Analytics 4 interfeysida shunga o‘ting: Administrator → Ma’lumot ko‘rinishi → Maxsus ta’riflar va shuni bosing: Maxsus o‘lcham yaratish:

  • O‘lcham nomi: MousePlayer Session URL
  • Doira: Hodisa (yoki Sessiya — sessiya doirasidagi parametrlarga biriktirilgan bo‘lsa)
  • Hodisa parametri: mp_session_url

Sessiyani tekshirish tadqiqotini yaratish

GA4’ning Tadqiq qilish bo‘limida yangi Erkin shakl tadqiqoti yaratib, alohida foydalanuvchi yo‘llarini tekshiring:

  • Qatorlar: Qo‘shing: Event name, Transaction ID (elektron tijorat uchun) yoki Landing page.
  • Ustunlar / O‘lchamlar: Yangi yaratilgan maxsus o‘lchamni qo‘shing: MousePlayer Session URL.
  • Qiymatlar: Qo‘shing: Event count yoki Total users.

Yaratilgan hisobot jadvali GA4 ko‘rsatkichlari yonida bevosita bosiladigan URL’larni ko‘rsatib, statistik chetlanishlardan vizual qayta ijroga darhol o‘tishga imkon beradi.

5. Qayta ijro URL’larini GA4 standart hisobotlariga qo‘shish

Tadqiqotlardan tashqari, maxsus o‘lchamlarni shu kabi GA4 standart hisobotlariga qo‘shish mumkin (masalan, Trafik jalb qilish, Sahifalar va ekranlar yoki Elektron tijorat xaridlari) GA4 hisobot kutubxonasi yordamida.

Standart hisobot jadvallarini o‘zgartirish

  1. GA4’da istalgan standart batafsil hisobotni oching (masalan, Hisobotlar → Faollik → Sahifalar va ekranlar).
  2. Yuqori o‘ngdagi Hisobotni moslash qalam belgisini bosing (administrator huquqi kerak).
  3. O‘ng panelda Hisobot ma’lumotlari ostida shuni bosing: O‘lchamlar.
  4. Shuni: MousePlayer Session URL asosiy yoki ikkilamchi o‘lchamlar ro‘yxatiga qo‘shib, ko‘rinadigan qiling.
  5. Bosing: Saqlash → Joriy hisobot o‘zgarishlarini saqlash.

Saqlangach, standart jalb qilish yoki konversiya jadvallarini ko‘rayotgan har tahlilchi shuni: MousePlayer Session URL ikkilamchi o‘lcham sifatida qo‘shib, standart trafik segmentlaridagi tashrifchi xulqini darhol ko‘ra oladi.

6. JavaScript API & GA4 / GTM moslik ma’lumotnomasi

MousePlayer standart gtag() uslubidagi buyruqli tushunarli GA4-mos JavaScript API va umumiy global obyekt (window.MousePlayer) beradi. Dasturchilar konsolda sessiya URL’larini so‘rashi, B2B mijoz ID’sini qo‘shishi va qayta ijro havolasini tashqi yordam xizmati yoki xato trekeriga yuborishi mumkin.

1. Qayta ijro URL’ini bevosita qo‘shish (Intercom / Zendesk / maxsus ko‘priklar)

Faol tashrifchi sessiyasining to‘liq ijro URL’ini bevosita brauzer konsoli yoki maxsus skriptda shu bilan ola olasiz: 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. Maxsus B2B mijoz ID’larini belgilash (user_id)

Kirgan SaaS yoki B2B mijozlarini aniqlash uchun maxsus user_id qiymatini (baza ID’si, email yoki UUID kabi) boshlang‘ich skript sozlashida yoki ishlash vaqtida GA4 sintaksisi bilan dinamik uzata olasiz:

// 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. Asinxron ma’lumot olish usullari

Maxsus teg boshqarish skriptlarida sessiya metama’lumotini asinxron olish uchun standart GA4 callback sintaksisidan foydalana olasiz:

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

Bu yerda atalgan barcha savdo belgilari o‘z egalariga tegishli. MousePlayer bu provayderlar bilan tijorat aloqasiga ega emas.