Google Tag Manager: från konto till test

Vad Tag Manager löser

En sajt med annonsering har snabbt en handfull spårningskoder: Google-taggen för GA4 och Google Ads, Meta-pixeln, kanske en pixel för Microsoft Ads och ett verktyg för värmekartor. Läggs de direkt i koden behöver du en utvecklare varje gång något ska ändras, och ingen har överblick över vad som faktiskt körs.

Google Tag Manager (GTM) lägger en enda kod på sajten, en container. Alla taggar hanteras sedan i GTM:s gränssnitt, med versionshistorik, förhandsgranskning och behörigheter. Det är gratis.

Det tar inte bort behovet av utvecklare helt. Datan som taggarna behöver, som ordervärde och produkter, måste fortfarande finnas på sajten. Men det flyttar det löpande arbetet från koden till ett verktyg där marknadssidan kan jobba själv.

Tre byggstenar: taggar, triggers, variabler

• Tagg — koden som ska köras, till exempel en GA4-händelse eller Meta-pixelns köphändelse.
• Trigger — när taggen ska köras, till exempel på alla sidor, vid klick på en viss knapp eller när datalagret skickar händelsen purchase.
• Variabel — ett värde som taggar och triggers använder, till exempel sidans URL, ordervärdet eller ditt mät-id.

Ett exempel på hur det ser ut i en typisk e-handelscontainer:

Börja med vad du vill mäta

Innan du skapar en enda tagg: skriv ner vilka händelser som betyder något för affären. För en e-handel är det i regel Googles rekommenderade e-handelshändelser:

• view_item — produktsida visad
• add_to_cart — tillagd i varukorgen
• begin_checkout — kassan påbörjad
• add_payment_info — betalsätt valt
• purchase — köp genomfört, med ordernummer, värde, valuta och produkter

Hela listan med parametrar finns i Googles dokumentation över rekommenderade händelser. Använd de namnen. Då fungerar e-handelsrapporterna i GA4 utan extra arbete, och andra verktyg förstår datan.

Installera GTM

1. Skapa ett konto på tagmanager.google.com. Ett konto per företag, en container per sajt. Döp containern efter domänen.
2. Lägg in containerkoden. GTM ger dig två kodsnuttar: en högt upp i <head> och en direkt efter <body>. Många CMS och e-handelsplattformar har ett fält eller ett tillägg där du bara anger container-id:t (GTM-XXXXXXX).
3. Se till att den finns en gång på varje sida. Dubbla installationer, till exempel via både tema och tillägg, ger dubbla händelser.

Samtycket kommer först

Innan du lägger in en enda marknadsföringstagg ska samtyckeshanteringen vara på plats. GTM har inbyggt stöd för Consent Mode:

• Triggern Samtyckesinitiering – alla sidor körs före alla andra triggers. Där ska din samtyckeslösning ligga.
• Mallar för samtyckesplattformar som Cookiebot, OneTrust och Usercentrics finns i communityns mallgalleri och sätter samtyckesläget åt dig.
• Samtyckesöversikten under Taggar visar vilka taggar som har samtyckesinställningar och vilka som saknar.

Consent Mode v2 använder fyra parametrar: ad_storage, analytics_storage, ad_user_data och ad_personalization. Hur du sätter upp det utan att tappa konverteringsdata går jag igenom i guiden till Consent Mode v2.

Sätt upp GA4 med Google-taggen

Den gamla taggtypen GA4-konfiguration ersattes hösten 2023 av Google-taggen. Befintliga taggar migrerades automatiskt, men äldre guider och skärmdumpar visar fortfarande det gamla namnet.

1. Skapa en variabel av typen Konstant med ditt GA4-mät-id (börjar på G-). Du hittar id:t i GA4 under Administratör, Dataströmmar.
2. Skapa en ny tagg av typen Google-tagg och ange variabeln som tagg-id.
3. Välj triggern Initiering – alla sidor.
4. Behöver du samma inställningar i flera taggar, till exempel parametrar som ska följa med alla händelser, lägg dem i en variabel av typen Google-tagg: konfigurationsinställningar i stället för att skriva in dem i varje tagg.
5. Lägg sedan till en tagg av typen Google Analytics: GA4-händelse för varje händelse du vill skicka, med händelsenamnet och parametrarna från datalagret.

Den gamla variabeltypen Google Analytics-inställningar hör till Universal Analytics, som är nedlagt. Använd den inte för GA4.

Datalagret

Datalagret (dataLayer) är ett JavaScript-objekt på sidan där sajten lägger information som GTM ska kunna läsa. När en kund genomför ett köp skickar sajten en händelse med ordernummer, värde, valuta och produkter till datalagret. GTM läser värdena med variabler av typen Datalagervariabel och triggar taggarna på händelsen.

Det är här utvecklaren behövs. Sajten måste skicka rätt data i rätt format. Kontrollera att:

• värdet är ett tal och inte en text med valutatecken,
• ordernumret finns med, så att GA4, Google Ads och Meta kan känna igen dubbletter,
• händelsen bara skickas en gång per köp, även om kunden laddar om tacksidan.

Spårning mellan domäner

Om besökaren rör sig mellan flera av dina domäner, till exempel från sajten till en bokningssida på en annan domän, behöver sessionen följa med. I GA4 ställer du in det i dataströmmen: Administratör, Dataströmmar, Konfigurera tagginställningar, Konfigurera dina domäner. Lägg in alla domäner och se till att samma GA4-egendom och samma container används på båda. Testa att _gl-parametern följer med i länken när du klickar dig över.

Testa innan du publicerar

Klicka på Förhandsgranska i arbetsytan. Tag Assistant öppnas i en ny flik, du anger sajtens adress och sajten öppnas i ett anslutet fönster. För varje sidvisning, klick och datalagerhändelse ser du vilka taggar som kördes och vilka värden variablerna hade.

• Gå igenom hela köpflödet och kontrollera att varje tagg körs exakt en gång.
• Testa varianter: köp med rabattkod, olika betalsätt, flera produkter.
• Kontrollera i GA4:s DebugView och Metas verktyg Testa händelser att datan kommer fram.
• Publicera med en versionsbeskrivning som säger vad som ändrats. Då går det att backa om något går fel.

Har du fastnat kan du prova GTMaster, en GPT jag byggt för GTM-felsökning. Ladda upp skärmdumpar från förhandsgranskningen och beskriv problemet.

Vanliga fel

• Dubbla taggar. Samma GA4- eller Meta-tagg installerad både direkt i koden och via GTM. Resultatet är dubbelt så många händelser.
• Triggern är för bred. En köptagg som körs på alla sidor som innehåller "tack" i URL:en räknar fel.
• Inga samtyckesinställningar. Taggar som körs innan besökaren svarat på cookiebannern.
• Publicerat utan test. Förhandsgranskningen tar några minuter. Att hitta felet i rapporterna en månad senare tar längre tid.

Ordning i containern

En container växer. Tre vanor som gör den lätt att förstå för nästa person som öppnar den:

• Namnge konsekvent. Till exempel GA4 – Händelse – purchase, Meta – Purchase, Trigger – DL – purchase. Plattform, typ och vad det gäller.
• Använd mappar per plattform eller syfte.
• Konstanter för id:n som återkommer, så att du ändrar på ett ställe.

Behörigheter

Bestäm vem som får göra vad innan du bjuder in fler. På containernivå finns fem nivåer:

På kontonivå finns Användare och Administratör, där administratören kan skapa containrar och hantera behörigheter. Håll publiceringsrätten till ett fåtal personer som vet vad de gör.

Server-side: nästa steg

Med server-side-taggning skickar webbcontainern händelserna till en egen server-container i molnet, som sedan skickar dem vidare till GA4, Google Ads, Meta och andra. Fördelarna är färre anrop i besökarens webbläsare, kontroll över vilken data som lämnar din server och möjlighet att rensa bort personuppgifter innan de skickas vidare. Nackdelen är att det kräver en server, till exempel på Google Cloud Run, och löpande drift. För de flesta mindre sajter räcker en välbyggd webbcontainer.

Vanliga frågor

Kostar Google Tag Manager något?

Nej, webbcontainern är gratis. Server-side-taggning kostar det som servern kostar.

Behöver jag GTM om jag bara har GA4?

Nej, Google-taggen direkt på sajten eller via e-handelsplattformen räcker för grundmätning. Men så fort du lägger till annonsplattformar, e-handelshändelser eller samtyckeslogik blir GTM enklare att underhålla.

Vill du ha hjälp att bygga eller städa en container finns jag här: Webb. Mätningen för annonserna sätter jag upp inom Google Ads och Meta Ads.

Alexis PiippoGrundare TropSe · Höör