[UA→GA4] Mappning av gtag.js från UA till GA4

Det här är en implementeringsguide för webbplatsägare som använder biblioteket gtag.js och vill förstå hur gtag.js för Universal Analytics (UA) mappas till Google Analytics 4. Vi förutsätter att du redan har skapat en Google Analytics 4-egendom. Om du bara behöver lägga till den grundläggande mätningskoden på din webbplats kan du läsa den här artikeln i stället.

Innehåll i artikeln:

• Om gtag.js-kodavsnittet
• Grundläggande datainsamling
• Konfigurationsinställningar för gtag.js
• Händelser
• Anpassade dimensioner och mätvärden

Om gtag.js-kodavsnittet och egendoms-id:n

gtag.js-kodavsnitten för en Universal Analytics-egendom och för en Google Analytics 4-egendom är i princip identiska. Båda kodavsnitten har följande struktur:

01: <script async src="https://www.googletagmanager.com/gtag/js?id=<Ett egendoms-id A>"></script>

02: <script>

03: window.dataLayer = window.dataLayer || [];

04: function gtag(){dataLayer.push(arguments);}

05: gtag('js', new Date());

06:

7: gtag('config', '<Ett egendoms-id A>');

08:

09: gtag('config', '<Ett egendoms-id B>');

10:

11: gtag('event', 'sign_up', { 'method': 'email' });

12:

13: gtag('event', 'view_video', { 'send_to': '<Ett egendoms-id B>' });

14:

15: </script>

Rad 1: Om du har implementerat en Universal Analytics-egendom via gtag.js har du troligen redan denna kodrad på din webbplats. I stället för <Ett egendoms-id A> ser du UA- följt av en sifferserie. Om du har implementerat gtag.js för Google Ads eller någon annan Google Marketing Platform-produkt kanske du även har denna kodrad på din webbplats, men <Ett egendoms-id A> börjar då med AW- eller DC-.

Egendoms-id:t (eller tagg-id:t för Google Analytics 4-egendomar) som anges med <Ett egendoms-id A> ”styr” detta gtag.js-kodavsnitt. Detta är viktigt på grund av följande:

1. Om raden redan finns behöver den inte implementeras en andra gång. Du behöver bara lägga till en config-rad för att ange tagg-id.
2. Det är egendoms-id:t på denna rad som ”styr” gtag.js-kodavsnittet. Om id:t för en Universal Analytics-egendom (UA-XXXXXXXX) styr taggen kan du använda kopplade webbplatstaggar för att skicka mätdata till en Google Analytics 4-egendom utan att behöva lägga till ny kod på sidan.

Rad 7: Med config-direktivet för gtag kan du aktivera datainsamling till egendomen som är associerad med <Ett egendoms-id A>. Om du till exempel lägger till detta direktiv med ett tagg-id i en Google Analytics 4-egendom skickas page_view-händelser till den egendomen.

Egendoms-id:t kan representera mätning för olika Google-produkter, till exempel en Universal Analytics-egendom (UA-XXXXXXXX), en Google Analytics 4-egendom (G-XXXXXXXX), Google Ads (AW-XXXXXXXX) eller Floodlight (DC-XXXXXXXX).

Rad 11: event-direktivet för gtag skickar en händelse. I kodavsnitt med flera config-direktiv för flera egendomar skickas händelsen till alla egendomar.

I detta exempel är parametern sign_up händelsenamnet. Den sista parametern är ett objekt som innehåller en uppsättning händelseparametrar. I detta fall är method en parameter med värdet email.

Rad 13: Denna händelse har send_to som parameter. Detta är en särskild parameter som skickar den kopplade händelsen till en specifik egendom. Med andra ord skickas händelsen bara till egendomen som anges med <Ett egendoms-id B>.

Config-direktivet för gtag aktiverar grundläggande mätning.

• För en Universal Analytics-egendom skickar config-direktivet med ett Universal Analytics-egendoms-id en pageview-träff.
• För en Google Analytics 4-egendom aktiverar ett config-direktiv med ett tagg-id insamling av page_view-händelser (i form av automatiskt insamlade händelser) när det läses in på en sida.

Egendomsidentifierare

Id:n för Universal Analytics-egendomar har formatet UA-XXXXXXXX. Detta kallas ibland även spårnings-id. I denna guide kallar vi det UA-egendoms-id.

Webbdataflöden i Google Analytics 4-egendomar använder ett tagg-id med formatet G-XXXXXXXX.

I vissa kodexempel och viss dokumentation kan båda dessa kallas TAG_ID.

Grundläggande datainsamling

När du aktiverar grundläggande datainsamling för en Google Analytics 4-egendom kan följande samlas in:

• page_view-händelser
• automatiskt insamlade händelser
• förbättrade mätningshändelser (om funktionen är aktiverad i användargränssnittet)

Om din befintliga Universal Analytics-egendom använder en gtag.js-implementering kan du följa stegen nedan för att aktivera grundläggande datainsamling för din Google Analytics 4-egendom:

• Alternativ 1: Lägg till ett nytt config-direktiv med relevant tagg-id
  ELLER
• Alternativ 2: Aktivera kopplade webbplatstaggar (om din befintliga gtag.js-implementering är kvalificerad).

Oavsett vilket alternativ du väljer påverkas inte din befintliga Universal Analytics-egendom och den fortsätter samla in data.

Alternativ 1: Lägg till ett nytt config-direktiv

Om det redan finns gtag.js-kod på sidan lägger du helt enkelt till ett ytterligare config-direktiv med den relevanta Google Analytics 4-egendomens mätnings-id. I exemplet nedan har rad 8 lagts till i en befintlig gtag.js-implementering. Det hänvisar till Google Analytics 4-egendomens mätnings-id. Då skickas page_view-händelser till den Google Analytics 4-egendomen. Den möjliggör även automatiskt insamlade händelser och förbättrade mätningshändelser (om du har aktiverat förbättrad mätning) i den Google Analytics 4-egendomen.

1: <script async src="https://www.googletagmanager.com/gtag/js?id=<Ett egendoms-id A>"></script>

2: <script>

3: window.dataLayer = window.dataLayer || [];

4: function gtag(){dataLayer.push(arguments);}

5: gtag('js', new Date());

6:

7: gtag('config', '<Ett egendoms-id A>');

8: gtag('config', 'G-XXXXXXXX');

9: </script>

Alternativ 2: Aktivera kopplade webbplatstaggar

Du kan använda en kopplad webbplatstagg om

• det befintliga gtag.js-kodavsnittet på sidan där du vill mäta användarinteraktioner ”styrs” av en Universal Analytics-egendom (det vill säga om det id som denna rad i gtag.js-kodavsnittet hänvisar till börjar med UA-):

<script async src="https://www.googletagmanager.com/gtag/js?id=<Ett egendoms-id A>"></script>

(Kopplade webbplatstaggar fungerar även om det befintliga kodavsnittet för gtag.js styrs av en Google Analytics 4-egendom. Denna situation kan bara inträffa om en Google Analytics 4-egendom redan har implementerats.)

• OCH du har administratörsåtkomst till Universal Analytics-egendomen som det id som finns i kodavsnittet hänvisar till.

Om du har både en gtag.js-tagg och en GTM-behållare på sidan måste gtag.js-taggen placeras ovanför GTM-behållaren om kopplade webbplatstaggar ska fungera.

Konfigurationsinställningar för gtag.js

Du kan konfigurera det grundläggande gtag.js-kodavsnittet för att styra inställningar för datainsamling, som IP-anonymisering, cookie-anpassningar och Google-signaler. Det gör du med hjälp av config- eller set-direktiven i gtag.js.

Både Universal Analytics-egendomar (UA-XXXXXXXX) och Google Analytics 4-egendomar (G-XXXXXXXX) har stöd för att implementera dessa config-inställningar via gtag.js. Det finns dock ett antal skillnader mellan dessa inställningar för Universal Analytics- och Google Analytics 4-egendomar. 

• IP-anonymisering har standardinställningen ”true” och kan inte konfigureras i en Google Analytics 4-egendom Det innebär att IP-adressen maskeras automatiskt med standardhändelsen till Google Analytics 4-egendomen (”G-XXXXXXXX”).

• När globala inställningar behöver tillämpas på alla konfigurerade egendomar bör du använda kommandot ”set” för att tillämpa inställningarna på alla mätnings-id:n och/eller egendoms-id:n, inräknat sådana som implementerats via kopplade webbplatstaggar.
• Var särskilt uppmärksam på funktioner för att inaktivera annonsanpassning, som vanligtvis implementeras med en config-rad.
• Om du använder kopplade webbplatstaggar: Alla konfigurationer som görs i gtag.js-koden med config gäller endast egendomen som är kopplad till mätnings-id:t på den kodraden. Dessa skickas inte till den kopplade Google Analytics 4-egendomen automatiskt. Om du vill att konfigurationen ska gälla den kopplade Google Analytics 4-egendomen kan du
  • skapa ett separat config-kommando och tillämpa det på den relevanta Google Analytics 4-egendomen genom att hänvisa till mätnings-id:t
    ELLER
  • konfigurera inställningen med ett set-direktiv för att tillämpa konfigurationen på alla konfigurerade egendomar.

Konfigurationsexempel

Aktivera grundläggande datainsamling, konfigurera User-ID

gtag('config', 'GA_MEASUREMENT_ID', {

'user_id': 'USER_ID'

});

Konfigurera cookie-inställningar

gtag('config', 'GA_MEASUREMENT_ID', {

'cookie_prefix': 'MyCookie',

'cookie_domain': 'blog.example.com',

'cookie_expires': 28 * 24 * 60 * 60 // 28 dagar, i sekunder

});

Blockera en page_view-händelse

Om du inte behöver skicka en page_view-händelse när du läser in config-koden (om du till exempel har en iframe som ska läsas in) kan du justera config-inställningen så att page_view-händelsen blockeras. Anta att du har en situation där en page_view-händelse skickas, följt av att en användare loggar in på webbplatsen. För inloggningen använder du ett config-direktiv för att ange användar-id:t, men du vill inte skicka ännu en page_view-händelse. Följande kod visar hur du förhindrar att page_view-händelsen skickas.

gtag('config', 'MEASUREMENT_ID', {

'user_id': 'USER_ID',

'send_page_view': false

});

Händelser

Se guiden för händelsemigrering.

Anpassade dimensioner och mätvärden

Med anpassade dimensioner och mätvärden kan du utöka informationen och importera offlinedata, till exempel från CRM-system.

När du använder Google-taggen (gtag.js) översätts anpassade dimensioner och mätvärden automatiskt till parametrar om kopplade webbplatstaggar eller en Google Analytics 4-egendom (t.ex. G-XXXXXXXXXX används.

Läs mer om anpassade dimensioner och mätvärden.