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 -ի փոխարեն օգտագործում է հատուկ JavaScript զանգվածի անուն, օրինակ՝ xyzDataLayer, շարժիչը դինամիկ հարմարվում է կարգավորված 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 իրադարձության պիտակը

Ստեղծեք նոր պիտակ՝ հետևյալ տիպով՝ 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 Admin-ում

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 Report Library-ով կարելի է ներառել 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 callback շարահյուսությունը՝

// 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-ը գործարար կապ չունի այս մատակարարների հետ։