Tetezana GTM & tetezana hetsika GA4

Fampiraisana ny telemetria isa Google Analytics 4 sy ny famerenana fotoam-pampiasana MousePlayer momba ny traikefa, amin'ny fampifanarahana dataLayer roa tonta sy API mifanaraka amin'ny GA4.

1. Topimaso maritrano & fahafahana

Matetika mijaly amin'ny fisarahan'angona fototra ny fanadihadiana web maoderina: mitatitra ny sehatra isa (toy ny Google Analytics 4) izay nitranga tamin'ny tranonkala, fa manazava ny fitaovana famerenana fotoam-pampiasana momba ny traikefa ny antony nitrangany. Ny Tetezana MousePlayer GTM & GA4 dia manala io banga io amin'ny famoronana fantsona fampifanarahana roa tonta ao anatin'ny tontolo fiasan'ny JavaScript an'ny mpitety.

Rehefa velomina dia manomboka module fototra roa natokana ny script fanaraha-maso:

  • Mpanondrana famerenana fotoam-pampiasana (initGa4SessionBridge): Mandefa ho azy ny mpamantatra an'ny fotoam-pampiasana firaketana mavitrika (mp_session_id) sy URL famakiana mivantana (mp_session_url) ao amin'ny data layer an'ny tranonkala raha vao tafapetraka ny fotoam-pampiasana.
  • Mpandray hetsika GA4 (initDataLayerBridge): Manampy mpihaino tsy manimba amin'ny array data layer. Izay hetsika varotra an-tserasera na fitondran-tena manokana alefa ho an'ny GA4 dia adika avy hatrany ao amin'ny tahiry fanadihadiana MousePlayer ho hetsika manokana (ce), miaraka amin'ny masontsivana isa sy lahatsoratra rehetra.

Fanohanana zavatra dataLayer manokana: Raha mampiasa anarana array JavaScript manokana ny rindranasa web fa tsy ilay mahazatra dataLayer (ohatra, xyzDataLayer), dia mifanaraka ho azy amin'ny masontsivana voakirakira gtm_datalayer_name ny rafitra, tsy mila fanovana kaody tanana.

2. Sanda stratejika ho an'ny orinasa

Manome tombontsoa ara-piasana lehibe maro ny fampidirana rohin'ny famerenana fotoam-pampiasana mivantana ao amin'ny fantsona fanadihadiana orinasa:

Fahafahana ara-barotra Fiantraikany amin'ny asa
Fanatsarana tahan'ny fiovam-po (CRO) Mamela ny mpanadihady nomerika hamantatra toerana misy sakana amin'ny funnel fiovam-po GA4 ary hanokatra avy hatrany firaketana an'ireo mpampiasa nandao sarety tamin'ny dingana checkout manokana.
Fanomezana loharanom-bola miditra & fanaraha-maso Azo hamarinina ny raharaham-barotra an-tserasera sarobidy amin'ny fandinihana ny lalan'ny tondro, tsindry ary faritra hita marina nitarika ho amin'ny fividianana.
Fanitsiana fahadisoana ara-teknika haingana kokoa Afaka mampifandray hetsika exception JavaScript GA4 na firaketana fahadisoana API mivantana amin'ny firaketana efijery hita maso ny ekipa QA, ka tsy mila mamerina fahadisoana tanana.
Famahana fanohanana mpanjifa Ny ticket fanohanana misy ID fotoam-pampiasana mpampiasa dia mamela ny agent fanohanana handinika ny famerenana marina an'ny mpanjifa, mampihena be ny fotoana famahana.

3. Torolalana fikirakirana Google Tag Manager

Mba handraisana ny URL famerenana ao amin'ny Google Tag Manager sy handefasana azy any amin'ny Google Analytics 4 dia mila mikirakira singa GTM telo samy hafa:

Dingana 1: Mamoròna miovaova Data Layer

Ao amin'ny sehatra fiasana GTM, mankanesa amin'ny Miovaova → Miovaova voafaritry ny mpampiasa ary mamoròna miovaova roa karazana Miovaova Data Layer:

  • Anaran'ny miovaova: dlv - mp_session_id • Anaran'ny miovaova Data Layer: mp_session_id
  • Anaran'ny miovaova: dlv - mp_session_url • Anaran'ny miovaova Data Layer: mp_session_url

Dingana 2: Mamoròna mpampihetsika fampavitrihana

Mankanesa amin'ny Mpampihetsika → Vaovao ary fidio ny karazan'ny mpampihetsika Hetsika manokana. Kirakirao ireto masontsivana ireto:

  • Anaran'ny hetsika: mp_session_ready
  • Ity mpampihetsika ity dia miasa amin'ny: Hetsika manokana rehetra

Dingana 3: Kirakirao ny tag hetsika GA4

Mamoròna tag vaovao karazana Google Analytics: Hetsika GA4 handefasana ny rohin'ny fotoam-pampiasana any amin'ny tranonkala 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. Fikirakirana fikarohana (tatitra manokana) ao amin'ny GA4

Rehefa napetraka ny tag GTM dia manomboka mandray ny URL famakiana ho masontsivana hetsika ny GA4. Mba handinihana an'ity angona ity ao amin'ny tatitra fikarohana manokana dia tsy maintsy soratana ho Lafin-javatra manokana aloha ilay masontsivana.

Fisoratana lafin-javatra manokana ao amin'ny mpitantana GA4

Ao amin'ny interface Google Analytics 4, mankanesa amin'ny Mpitantana → Fampisehoana angona → Famaritana manokana ary tsindrio ny Mamoròna lafin-javatra manokana:

  • Anaran'ny lafin-javatra: MousePlayer Session URL
  • Faritra iasana: Hetsika (na Fotoam-pampiasana raha ampifandraisina amin'ny masontsivana isaky ny fotoam-pampiasana)
  • Masontsivana hetsika: mp_session_url

Fanamboarana fikarohana fandinihana fotoam-pampiasana

Ao amin'ny fizarana Fikarohana an'ny GA4, mamoròna fikarohana vaovao Endrika malalaka handinihana ny lalan'ny mpampiasa tsirairay:

  • Andalana: Ampio Event name, Transaction ID (ho an'ny varotra an-tserasera), na Landing page.
  • Tsanganana / lafin-javatra: Ampidiro ilay lafin-javatra manokana vao noforonina MousePlayer Session URL.
  • Sanda: Ampio Event count na Total users.

Mampiseho URL mivantana azo tsindriana eo akaikin'ny tarehimarika GA4 ny tabilao tatitra vokarina, mamela fifindrana avy hatrany amin'ny antontan'isa miavaka mankany amin'ny famerenana hita maso.

5. Fampidirana URL famerenana ao amin'ny tatitra mahazatra GA4

Ankoatra ny Fikarohana, azo ampidirina amin'ny tatitra mahazatra GA4 ny lafin-javatra manokana (toy ny Fahazoana fifamoivoizana, Pejy sy efijery, na Fividianana varotra an-tserasera) amin'ny Tranombokin'ny tatitra GA4.

Fanovana tabilao tatitra mahazatra

  1. Ao amin'ny GA4, sokafy ny tatitra mahazatra amin'ny antsipiriany iray (ohatra, Tatitra → Fandraisana anjara → Pejy sy efijery).
  2. Tsindrio ny sary pensilihazo Amboary ny tatitra eo amin'ny zoro ambony ankavanana (mila fidirana mpitantana).
  3. Ao amin'ny takelaka ankavanana eo ambanin'ny Angon'ny tatitra, tsindrio ny Lafin-javatra.
  4. Ampio MousePlayer Session URL ao amin'ny lisitry ny lafin-javatra fototra na faharoa ary ataovy hita.
  5. Tsindrio ny Tehirizo → Tehirizo ny fanovana amin'ny tatitra ankehitriny.

Rehefa voatahiry dia afaka manampy MousePlayer Session URL ho lafin-javatra faharoa ny mpanadihady rehetra mijery ny tabilao fahazoana mpitsidika na fiovam-po mahazatra, mamela fandinihana hita maso avy hatrany ny fitondran-tenan'ny mpitsidika amin'ny sokajy fifamoivoizana mahazatra.

6. Torolalana JavaScript API & fifanarahana GA4 / GTM

Manome JavaScript API mora ampiasaina mifanaraka amin'ny GA4 ny MousePlayer (mampiasa baiko mahazatra amin'ny endrika gtag()) sy zavatra manontolo ampahibemaso (window.MousePlayer). Mamela ny mpamorona hanontany URL fotoam-pampiasana ao amin'ny console, hampifandray ID mpanjifa B2B ary hampiditra rohin'ny famerenana ao amin'ny foibe fanohanana na mpanara-maso fahadisoana hafa izany.

1. Fampidirana mivantana URL famerenana (Intercom / Zendesk / tetezana manokana)

Azonao alaina mivantana ao amin'ny console mpitety na script manokana rehetra ny URL famakiana feno an'ny fotoam-pampiasana mpitsidika mavitrika amin'ny 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. Fametrahana ID mpanjifa B2B manokana (user_id)

Mba hamantarana mpanjifa SaaS na B2B tafiditra dia azonao alefa ny user_id manokana (toy ny ID tahiry angona, mailaka na UUID), na mandritra ny fikirakirana script voalohany na eo am-pandehanana amin'ny syntax 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. Fomba fakàna angona asynchronous

Azonao ampiasaina ny syntax callback GA4 mahazatra mba haka metadata fotoam-pampiasana asynchronous ao anatin'ny script fitantanana tag manokana:

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

An'ny tompony avy ireo marika rehetra voalaza eto. Tsy misy fifandraisana ara-barotra eo amin'ny MousePlayer sy ireo mpamatsy ireo.