GTM zubia & GA4 gertaeren zubia

Google Analytics 4 telemetria kuantitatiboa eta MousePlayer saioen erreprodukzio kualitatiboak bateratzea, bi noranzkoko dataLayer sinkronizazioaren eta GA4rekin bateragarriak diren APIen bidez.

1. Arkitekturaren ikuspegi orokorra & ahalmenak

Web-analisi modernoak oinarrizko datu-isolamendua izaten du askotan: plataforma kuantitatiboek (Google Analytics 4, esaterako) webgune batean zer gertatu den jakinarazten dute; saioen erreprodukzio-tresna kualitatiboek, berriz, zergatik gertatu den azaltzen dute. Gure MousePlayer GTM & GA4 zubiak hutsune hori kentzen du, nabigatzailearen JavaScript exekuzio-ingurunean bi noranzkoko sinkronizazio-kanala ezarriz.

Aktibatzean, jarraipen-scriptak oinarrizko bi modulu dedikatu hasieratzen ditu:

  • Saioen erreprodukzio-esportatzailea (initGa4SessionBridge): Automatikoki bidaltzen ditu grabazio-saio aktiboaren identifikatzailea (mp_session_id) eta zuzeneko erreprodukzio-URLa (mp_session_url) webgunearen datu-geruzara, saioa ezarri bezain laster.
  • GA4 gertaeren hartzailea (initDataLayerBridge): Datu-geruzako arrayari entzule ez-suntsitzailea eransten dio. GA4rako bidalitako merkataritza elektronikoko edo portaerako edozein gertaera pertsonalizatu berehala islatzen da MousePlayer analisi-datu-basean gertaera pertsonalizatu gisa (ce), zenbakizko eta testu-kateetako parametro guztiak barne.

DataLayer objektu pertsonalizatuen euskarria: Web-aplikazioak JavaScript array-izen pertsonalizatua erabiltzen badu estandarraren ordez: dataLayer (adibidez, xyzDataLayer), motorra dinamikoki egokitzen da konfiguratutako gtm_datalayer_name parametrora, kodea eskuz aldatu beharrik gabe.

2. Negozio-balio estrategikoa

Saioen erreprodukzio-estekak enpresaren analisi-fluxuetan zuzenean integratzeak eragin handiko abantaila operatiboak ematen ditu:

Negozio-ahalmena Eragin operatiboa
Bihurketa-tasaren optimizazioa (CRO) Analista digitalei GA4 bihurketa-inbutuetako marruskadura-puntuak identifikatzeko eta ordainketako urrats jakinetan erosketa-saskia utzi duten erabiltzaileen grabazioak berehala irekitzeko aukera ematen die.
Diru-sarreren esleipena & auditoretza Balio handiko merkataritza elektronikoko transakzioak audita daitezke, erosketara eraman zuten kurtsorearen ibilbide, klika eta ikuspegi-eremuaren egoera zehatzak berrikusiz.
Arazo teknikoen arazketa azkartua QA ingeniaritza-taldeek GA4ko JavaScript salbuespen-gertaerak edo API errore-erregistroak zuzenean lotu ditzakete pantailaren grabazio bisualekin, akatsak eskuz erreproduzitu beharrik gabe.
Bezeroentzako laguntzaren ebazpena Erabiltzailearen saio-IDak dituzten laguntza-eskaerek agenteei bezeroaren saioaren erreprodukzio zehatza berrikusteko aukera ematen diete, ebazpen-denborak nabarmen laburtuz.

3. Google Tag Manager konfigurazio-gida

Google Tag Manager-en erreprodukzio-URLa jasotzeko eta Google Analytics 4ra bideratzeko, GTMko hiru baliabide desberdin konfiguratu behar dira:

1. urratsa: sortu datu-geruzako aldagaiak

GTM lan-eremuan, joan hona: Aldagaiak → Erabiltzaileak definitutako aldagaiak eta sortu mota honetako bi aldagai: Datu-geruzako aldagaia:

  • Aldagaiaren izena: dlv - mp_session_id • Datu-geruzako aldagaiaren izena: mp_session_id
  • Aldagaiaren izena: dlv - mp_session_url • Datu-geruzako aldagaiaren izena: mp_session_url

2. urratsa: sortu aktibazio-abiarazlea

Joan hona: Abiarazleak → Berria eta hautatu abiarazle mota hau: Gertaera pertsonalizatua. Konfiguratu parametro hauek:

  • Gertaeraren izena: mp_session_ready
  • Abiarazle hau hemen exekutatzen da: Gertaera pertsonalizatu guztiak

3. urratsa: konfiguratu GA4 gertaeraren etiketa

Sortu mota honetako etiketa berria: Google Analytics: GA4 gertaera saioaren esteka GA4 propietatera transmititzeko:

# 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. Esplorazioak (txosten pertsonalizatuak) konfiguratzea GA4n

GTM etiketa ezarrita dagoenean, GA4 erreprodukzio-URLa gertaera-parametro gisa jasotzen hasten da. Datu hauek esplorazio-txosten pertsonalizatuetan aztertzeko, parametroa dimentsio pertsonalizatu gisa erregistratu behar da lehenik.

Dimentsio pertsonalizatuak GA4 administrazioan erregistratzea

Google Analytics 4 interfazean, joan hona: Administrazioa → Datuen bistaratzea → Definizio pertsonalizatuak eta klikatu Sortu dimentsio pertsonalizatua:

  • Dimentsioaren izena: MousePlayer Session URL
  • Esparrua: Gertaera (edo Saioa saio-esparruko parametroei erantsita badago)
  • Gertaera-parametroa: mp_session_url

Saioak ikuskatzeko esplorazioa sortzea

GA4ko Esploratu atalean, sortu honako esplorazio berri hau: Forma librea banakako erabiltzaile-ibilbideak ikuskatzeko:

  • Errenkadak: Gehitu Event name, Transaction ID (merkataritza elektronikorako), edo Landing page.
  • Zutabeak / Dimentsioak: Sartu sortu berri den dimentsio pertsonalizatua: MousePlayer Session URL.
  • Balioak: Gehitu Event count edo Total users.

Sortutako txosten-taulak zuzenean klikatu daitezkeen URLak erakusten ditu GA4 metrikekin batera, estatistika-balio ezohikoetatik erreprodukzio bisualetara berehala igarotzeko.

5. Erreprodukzio-URLak GA4 txosten lehenetsietan integratzea

Esplorazioez gain, dimentsio pertsonalizatuak GA4ko txosten lehenetsi estandarretan integra daitezke (hala nola Trafikoaren eskuratzea, Orriak eta pantailak edo Merkataritza elektronikoko erosketak) GA4 txosten-liburutegia erabiliz.

Txosten-taula estandarrak aldatzea

  1. GA4n, ireki edozein txosten xehe lehenetsi (adibidez, Txostenak → Interakzioa → Orriak eta pantailak).
  2. Klikatu Pertsonalizatu txostena arkatzaren ikonoa goiko eskuineko izkinan (administrazio-sarbidea behar da).
  3. Eskuineko panelean, atal honetan: Txostenaren datuak, klikatu Dimentsioak.
  4. Gehitu MousePlayer Session URL dimentsio nagusien edo bigarren mailakoen zerrendara eta ezarri ikusgai.
  5. Klikatu Gorde → Gorde aldaketak uneko txostenean.

Gorde ondoren, eskuratze- edo bihurketa-taula estandarrak berrikusten dituen edozein analistak honako hau gehi dezake: MousePlayer Session URL bigarren mailako dimentsio gisa, bisitarien portaera berehala bisualki ikuskatzeko trafiko-segmentu estandarretan.

6. JavaScript APIa & GA4 / GTM bateragarritasun-erreferentzia

MousePlayer-ek GA4rekin bateragarria den JavaScript API intuitiboa eskaintzen du, estandarra den gtag() estiloko komandoekin, eta objektu global publiko bat (window.MousePlayer). Horri esker, garatzaileek saioen URLak kontsolan kontsulta ditzakete, B2B bezero-IDak erantsi eta erreprodukzio-estekak hirugarrenen laguntza-sistemetan edo errore-jarraipenetan txertatu.

1. Zuzeneko erreprodukzio-URLaren txertaketa (Intercom / Zendesk / zubi pertsonalizatuak)

Bisitariaren saio aktiboaren erreprodukzio-URL osoa zuzenean lor dezakezu nabigatzailearen kontsolatik edo edozein script pertsonalizatutik, hau erabiliz 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 bezero-ID pertsonalizatuak ezartzea (user_id)

Saioa hasita duten SaaS edo B2B bezeroak identifikatzeko, honako balio pertsonalizatua pasa dezakezu: user_id (datu-baseko IDa, helbide elektronikoa edo UUIDa, adibidez), bai scriptaren hasierako konfigurazioan bai dinamikoki exekuzioan, GA4 sintaxia erabiliz:

// 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. Datuak asinkronoki eskuratzeko metodoak

GA4ko callback sintaxi estandarra erabil dezakezu saioen metadatuak asinkronoki eskuratzeko etiketa-kudeaketako script pertsonalizatuetan:

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

Hemen aipatutako marka guztiak beren jabeenak dira. MousePlayer-ek ez du hornitzaile hauekin negozio-harremanik.