Oppsett av Google Tag Manager og første tag

01Hva er GTM, og hva brukes det til?

Google Tag Manager (GTM) er et gratis system for tagghåndtering som lar deg styre analyse-, annonse- og målekoder på nettsiden fra ett eneste panel. Beholderkoden legges inn på nettsiden bare én gang, og andre koder som GA4, Google Ads og Meta-piksel kjøres fra denne beholderen.

Den største fordelen er at du slipper å være avhengig av en utvikler og kodepublisering hver gang du får et nytt målebehov. Markedsføringsteamet lager en ny konverteringstagg i panelet, tester den i forhåndsvisning og publiserer. Fordi hver publisering lagres som en versjon, kan en feilaktig endring rulles tilbake med ett klikk.

GTM har også et ansvar: Alle som har tilgang til beholderen, kan legge kode inn på nettsiden. Derfor må du dele ut tilganger med omhu og rydde bort unødvendige tagger jevnlig.

02Tagg, utløser og variabel

Nøkkelen til å forstå GTM er tre grunnbegreper. Hvert oppsett består av at disse tre delene kobles sammen.

Hva er data layer?

Data layer er en felles JavaScript-liste der nettsiden din sender informasjon til GTM. Her skriver du data som ikke vises på siden, som ordrenummer, produktinformasjon eller skjemanavn. GTM leser disse dataene som variabler og gir dem videre til taggene. Slik får målingen et solid grunnlag som ikke går i stykker når sidedesignet endres.

03Opprette konto og beholder

Logg inn på tagmanager.google.com med virksomhetens Google-konto. Konto og beholder bør opprettes i virksomhetens navn, og byrået bør bare få brukertilgang. Når samarbeidet tar slutt, beholder du måleplattformen din.

1. Trykk på Opprett konto, skriv virksomhetsnavnet som kontonavn og velg land.
2. Skriv nettsideadressen din som beholdernavn, og velg Web som målplattform.
3. Godta tjenestevilkårene. Oppsettkodene vises på skjermen.
4. Noter beholder-ID-en som begynner med GTM-.

04Legge beholderkoden inn på nettsiden

GTM gir deg to kodebiter. Den første skal ligge i head-delen på hver side, så høyt opp som mulig. Den andre er en reserve for nettlesere med JavaScript slått av, og legges rett etter den åpnende body-taggen. Bruker du en felles mal eller en toppfil, dekker det alle sidene å legge koden inn ett sted.

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Legge inn fra plattformens panel

Mange ferdige systemer har et eget felt for beholder-ID-en og plasserer koden på riktige steder selv. I Auroras nettbutikkplattform legges Google Tag Manager-koden inn fra panelet, og en live kontrollskjerm viser om koden faktisk kjører.

05Første tagg: GA4 Google-tagg

Når beholderen er lastet, er det første du gjør vanligvis å starte GA4-målingen via GTM. Har du ikke en GA4-eiendom ennå, henter du først målings-ID-en ved å følge stegene i oppsett av Google Analytics 4.

Google-taggen samler inn sidevisninger og hendelser fra forbedret måling. For flere hendelser lager du egne GA4-hendelse-tagger, skriver inn målings-ID-en og hendelsesnavnet og kobler dem til en passende utløser. Samme logikk gjelder for Google Ads-konverteringer: Det holder å lage en Google Ads-konverteringssporingstagg med konverterings-ID-en og etiketten fra Google Ads-panelet og koble den til takkesiden eller kjøpshendelsen. Å holde rekkefølgen verktøy, type og formål i taggnavnene gjør det lett å finne det du leter etter etter hvert som beholderen vokser.

1. Trykk på Ny i Tagger-menyen og gi taggen et forståelig navn (for eksempel GA4 - Google-tagg).
2. Velg typen Google-tagg i taggkonfigurasjonen og skriv inn målings-ID-en din som begynner med G-.
3. Under utløsere velger du utløseren Initialization - All Pages (Initialisering - Alle sider). Da lastes taggen før de andre taggene.
4. Lagre. Taggen er ikke live ennå. Neste er forhåndsvisning og publisering.

06Sende hendelser med data layer

Den mest pålitelige målemetoden er at nettsiden skriver en hendelse til data layer ved viktige øyeblikk som skjemainnsending eller kjøp. Utløsere som bygger på synlige elementer som klikk eller sideadresse, kan gå stille i stykker når designet endres.

I eksemplet under skrives en hendelse som heter form_gonderildi når skjemaet er sendt inn. I GTM oppretter du en utløser av typen Egendefinert hendelse med hendelsesnavnet form_gonderildi, og kobler GA4-hendelse-taggen til denne utløseren. For å lese skjemanavnet definerer du en variabel av typen Data Layer-variabel som heter form_adi.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'form_gonderildi',
  form_adi: 'teklif_formu'
});

I énsidesapper (SPA)

I énsidesapper skrevet med React eller Vue laster ikke sideoverganger nettleseren på nytt. Da kan du bruke utløseren Historikkendring (History Change), eller la ruteren skrive en hendelse til data layer hver gang siden byttes. Prosjektoppsettet har vi gjennomgått i guiden oppsett av React med Vite.

07Forhåndsvisning, testing og publisering

Publiser aldri en endring uten å teste den. Forhåndsvis-knappen øverst til høyre åpner Tag Assistant. Skriver du inn nettsideadressen din, åpnes nettsiden i feilsøkingsmodus, og du ser én for én hvilke tagger som kjører på hver side eller hendelse, og hvilke som ikke gjør det.

Er du fornøyd med testen, trykker du på Send og gir versjonen et beskrivende navn og et kort notat. Å skrive hva som er endret i versjonsnavnet gjør det lettere å finne hvilken endring som forårsaket et måleproblem som dukker opp måneder senere.

• Bekreft også i DebugView på GA4-siden at hendelsene kommer inn.
• Oppstår det problemer, kan du publisere forrige versjon på nytt fra Versjoner-menyen.
• I store team kan du åpne egne arbeidsområder for å hindre at endringer blandes sammen.

08Vanlige feil og god praksis

Med tiden samler det seg ubrukte tagger i beholderen, og hver av dem legger til sidelastingen. Å gå gjennom beholderen hver tredje måned og pause ubrukte tagger reduserer både rotet i målingen og belastningen på sidehastigheten. Dette er også en fast del av arbeidet vårt med hastighet og ytelse.

Annonse- og måletagger skal ikke kjøre før den besøkende har gitt samtykke. Samtykkeinnstillingene i GTM og oppsettet av Consent Mode styrer denne flyten. Denne artikkelen gir generell informasjon. Sjekk gjeldende regelverk og rådfør deg med juridisk rådgiver om samtykkeløsningen for informasjonskapsler.