brukergrensesnittet til Google Tag Manager

Google Tag Manager Veiledning

Som en Google Tag Manager konsulent, har jeg satt opp GTM på 100+ klientnettsteder. Denne Google Tag Manager veiledningen er der jeg lærer deg prosessen jeg har perfeksjonert gjennom årene, trinn for trinn, med eksempler og videoer for at du skal lære.

Lenger ned kan du laste ned en GTM oppsett konfigurasjonsfil med alle følgende beste praksiser for å importere til din container.

Hvis du ikke kan vente, hopp rett inn i installasjonsveiledningen eller lær hvordan du setter opp Google Tag Manager. Men hvis du er en nybegynner, er det viktig å først forstå hvordan du bruker et tag management system sammen med andre verktøy.

Så fortsett å lese nedenfor først.

Hvordan bruke Google Tag Manager?

Jeg antar at du allerede vet hva Google Tag Manager er. Så la oss snakke om hvordan GTM fungerer og hvordan du bruker det.

Ideelt sett vil du bare ha én tredjepartstag i kildekoden på nettstedet eller webappen din.

Den eneste tredjepartstaggen på nettstedet ditt bør være Google Tag Manager kodesnippet.

share on twitter

Alle andre tagger implementeres deretter gjennom selve tag manageren. Andre markedsførings- og sporingskoder er f.eks. Google Analytics (GA), Facebook, Twitter, Linkedin, AdWords, DoubleClick og gud vet hva.

Hovedårsaken er fordelene med Google Tag Manager:

  • enklere og raskere implementering av markedsføringstagger
  • skalerbarhet på hver side og på tvers av flere domener
  • innebygde triggere for skjema innsendinger, rullesporing og videosporing
  • administrer brukere med flere GTM-kontoer
  • litt raskere lasting av nettstedet

På grunn av disse fordelene, bruker allerede 30% av alle nettsteder på internett en tag manager. Og blant dem har Google Tag Manager en markedsandel på 94%.

Så, med mindre du har en god grunn til å ikke legge til en tag i GTM, som en tommelfingerregel, legg alle tagger i GTM containeren.

Bruk GTM som et koblingslag mellom nettstedet ditt og tredjepartstagger.

share on twitter

Bruk GTM som et mellomlag mellom nettstedet ditt og tredjepartstjenester. Uten det er ikke nettstedet ditt og tredjepartstagene i direkte forbindelse. Disse tjenestene er hovedsakelig JavaScript-biblioteker for markedsførings- eller sporingsverktøy som implementeres med en tag. Men alle andre tagger gjelder også.

Det eneste unntaket fra regelen gjelder når du gjør konverteringsoptimalisering med delt-testingsverktøy.

Fordi under konverteringsoptimalisering vil A/B-tester laste forskjellige varianter av en side. Så besøkende kan se hvordan innholdet gjengis på nytt i et splittsekund.

For å unngå CSS-flimmer og sikre at varianttester lastes raskt, kan en delt-testings tag også gå direkte inn i kildekoden.

Nå som vi har dette ut av veien, la oss se på implementeringen.

Installer Google Tag Manager på nettstedet ditt

La oss starte Google Tag Manager veiledningen ved å vise deg hvor du får Google Tag Manager kodesnippet og deretter hvor du installerer det på nettstedet. Du kan logge inn ved å bruke din vanlige Google-konto.

  1. Opprett en Google Tag Manager konto

    For å installere GTM må du først gå til offisiell nettside og opprette en ny Google Tag Manager konto.
    Opprette Google Tag Manager konto
    Først, opprett en Google Tag Manager konto, og velg et container navn, som navnet på nettstedet ditt og deretter få kodesnippet.
  2. Opprett en web-egenskap

    Velg Web egenskapen for å få en kode for et nettsted eller webapp.
    GTM container navn og web egenskap valg
    Det finnes flere typer containere tilgjengelig i en GTM-konto. For nettsteder, velg web. Merk at det finnes andre tag manager container typer for AMP-sider, iOS og Android også.
  3. Implementer Google Tag Manager koden

Dette er den vanlige metoden for å implementere GTM.

Bruker du et populært innholdsstyringssystem? Hvis ja, kan du også bruke en plugin som tar seg av installasjonen av Google Tag Manager.

Det sagt:

tip

Hvis ditt CMS også tilbyr en plugin for å installere andre tagger

Bruk ikke enda en plugin for å installere Google Analytics, Facebook eller Google Ads.

Bruk heller GTM til å installere de taggene.


  1. Det vil resultere i raskere sideinnlasting
  2. Det gir deg flere alternativer for å konfigurere taggen
share on twitter

GTM brukergrensesnittet mottar også regelmessige oppdateringer med nye funksjoner, så du er nesten alltid bedre tjent med å implementere andre markedsføringstagger direkte med det enn med en annen integrasjon.

Pluss, gevinstene i lastetid er bra for din fluktfrekvens og hjelper SEO.

Bruk en plugin for å implementere GTM

Nedenfor en liste over de mest vanlige innholdsstyringssystemene og deres plugins for å installere Google Tag Manager.

WordPress

Det er to WordPress plugins for å implementere GTM som jeg vil bruke. Først, er det det klassiske alternativet kalt Google Tag Manager for WordPress.
Det andre alternativet er Site Kit by Google. Det lar deg først og fremst legge til et dashbord til din Wordpress backend som viser informasjon fra din Google Analytics konto og Google Search Console data - noe som er ganske bra. Og det lar deg også installere GTM.

Shopify

For Shopify, er det en gratis plugin for GTM installasjon kreativt kalt Google Tag Manager Installer.

Squarespace

For Squarespace finnes det ingen GTM-utvidelse eller plugin. Men du kan legge til GTM-taggen manuelt, ved å gå til sidepanel > innstillinger > avansert > kodeinjeksjon.

Squarespace navigasjonsmeny for kodeinjeksjon
I Squarespace kan du implementere GTM under Innstillinger > Avansert > Kodeinjeksjon

Deretter limer du inn GTM-taggen i skjema feltene slik:

Injiser GTM kodesnippets i Squarespace
Sett den første delen av GTM-koden i header-feltet. Den andre delen går inn i footer-feltet.

Wix

Gå til hovedmenyen for Wix-nettstedet ditt på venstre sidepanel. Derfra går du til Markedsføring og SEO og klikker deretter på Markedsføringsintegrasjoner lenger nede i sidepanelet.
Der finner du flere Wix-integrasjoner for Google Analytics, Facebook-pixel og også en Wix-utvidelse for å implementere Google Tag Manager.

Wix markedsføringsintegrasjon for Google Tag Manager
I Wix bruker du markedsføringsintegrasjonen for Google Tag Manager.

Klikk på koble til og få Google Tag Manager installert.

Hvordan sjekke om GTM fungerer?

tip

Når du logger inn på GTM første gang

Gå til send-knappen og publiser en tom container.

Ellers, når du tester om GTM fungerer, vil skriptet returnere en 400 svarfeil og du vil bruke timer på å finne ut hvorfor. 😭

Det er en klassiker 😉

share on twitter

Etter at du har implementert GTM-skriptet og publisert en container versjon (viktig), kan du teste om Google Tag Manager fungerer ved å gjøre noen av disse kontrollene:

  1. Forhåndsvisning og feilsøkingsmodus

    Logg inn på din GTM-konto og klikk på forhåndsvisning. Åpne deretter en ny fane i nettleseren og besøk nettstedet ditt. GTM-feilsøkingsvinduet skal dukke opp nederst i vinduet hvis GTM fungerer som det skal.
    Aktiver GTM feilsøkingsmodus
    Aktiver GTM feilsøkingsmodus for å sjekke om GTM fungerer riktig.
  2. Chrome Developer Tools

    Åpne Chrome Developer Tools med et høyreklikk på en hvilken som helst side på nettstedet ditt og velg inspiser (alternativt F12 på Windows og Shift+CTRL+J på Mac).
    Gå deretter til nettverk fanen og last inn nettsiden på nytt samtidig (F5 på Windows og CMD+Shift+R på Mac). Nettverksfanen fylles med alle nettverksforespørsler som er nødvendige for å laste siden.
    I filterfeltet øverst til venstre, skriv gtm.js for å finne forespørselen om JavaScript-koden din og verifisere at den har en statuskode på 200.

    La meg vise deg:


    Hvis du ikke har en 200 statuskode, glemte du kanskje å sende inn og publisere en container først i GTM?
  3. Google Tag Assistant

    Installer Google Tag Assistant Chrome-utvidelsen og start den på nettstedet ditt. Den bør vise en GTM container-ID.

Hvordan sette opp Google Tag Manager?

Når du setter opp Google Tag Manager kan du gjøre mange avanserte konfigurasjoner. Så hvordan du setter opp GTM, avhenger av hvilke andre verktøy du planlegger å bruke i ditt tag management system.

Derfor har jeg samlet alle relevante veiledninger som dekker alt du kan ønske å sette opp i din GTM-konto - med eksempler. Følg denne Google Tag Manager veiledningen og lag en solid tag management grunnlag for nettstedet ditt.

Kun veiledningen om implementering av et datalag krever kodingsferdigheter eller potensielt webutviklere.

Merk: I denne Google Tag Manager veiledningen, vil vi bruke GTM ved manuelt å sette opp nye tagger og triggere for hver hendelse. Tilnærmingen er ikke super skalerbar, men den er rask nok og enkel, mens den møter de fleste sporingsambisjoner og fortsatt kan brukes på andre avanserte oppsett.

Større nettsteder og netthandelsbutikker krever en skalerbar tag management løsning. Derfor implementeres et datalag som den sentrale delen for å spore hendelser. Med et slikt oppsett kan du bruke hendelseshåndterere i stedet for å sette opp tagger, triggere og variabler for hver hendelse.

  1. Sett opp Google Analytics sporing

    Dette er det første steget for alle. Lær i denne veiledningen hvordan du implementerer solid Google Analytics sporing, med Mål, Trakter, og dine egne besøk ekskludert fra trafikken. Pluss flere beste praksiser.

  2. Sett opp hendelsessporing

    Når den grunnleggende sporingsimplementeringen kjører som den skal, vil du også lære å spore brukerengasjement. Hvor ofte, for eksempel, sender en besøkende inn skjemaer og klikker på en send-knapp eller et annet HTML-element? Min hendelsessporings veiledning forklarer akkurat det for et knapp klikk og du kan bruke den samme metoden for alle andre klikksporinger.

  3. Legg til remarketing-tagger

    Den vanligste bruken av GTM etter installering av GA er å legge til remarketing-tagger på et nettsted. Tross alt utgjør de majoriteten av tredjeparts markedsførings- og sporingskoder som roter til kodebasen vår.
    Derfor implementerer vi dem gjennom vår GTM-konto for å holde kodebasen ren fra markedsførings- og analysetagger mens vi drar nytte av fordelene med Google Tag Manager.

    La oss lære hvordan du legger til de vanligste remarketing-taggene i digital markedsføring, Facebook-pixel, og Google Ads remarketing tag.

    Legg til Facebook-pixel

    Legg til Google Ads remarketing

  4. Implementer et datalag

    Du vil implementere et datalag hvis du setter opp tagger regelmessig, og det tar for lang tid og er for arbeidskrevende.

    En annen fordel er at du kan bruke informasjonen fra databasen din til å fyre triggere eller sende det som hendelsesdata. Andre eksterne datakilder kan også integreres. Nettsider som trenger ecommerce sporing faller typisk inn i denne kategorien.

    Min artikkel om datalaget forklarer implementeringen, datalagvariabler og hvordan du konfigurerer tilpasset sporing på en skalerbar måte, som er en typisk brukstilfelle for store nettbutikker som trenger forbedret ecommerce sporing.

Beste praksis for hver GTM-oppsett

Hver gang jeg setter opp Google Tag Manager, kommer oppsettet med noen konfigurasjoner som jeg legger til hver gang. Disse beste praksisene er anvendelige og nyttige for de fleste bedrifter og bør ikke mangle i noen GTM-veiledning. Se listen nedenfor og velg de som er nyttige for deg.

Lenger ned kan du laste ned en GTM-oppsett konfigurasjonsfil med alle disse beste praksisene for å importere til din egen container.

Spor utgående lenker

Å spore utgående lenkeklikk betyr å spore alle klikk på eksterne lenker som leder fra nettstedet ditt til andre nettsteder. Sporing av eksterne lenker er en beste praksis som lar deg vite hvilke nettsteder du sender besøk til og hjelper deg med å verifisere interessen til besøkende.
For å implementere ekstern lenkesporing, er det tre trinn:

  1. Opprett en tilpasset hendelsesvariabel i GTM

  2. Opprett en ny trigger for utgående lenker

  3. Opprett en tag for GA-hendelsen

Spor klikk på e-postadresser

Klikk på e-postadresser er en nyttig metrikk som pleier å korrelere med telefonsamtaler eller besøk til en fysisk butikk.
For å sette opp Google Analytics sporing for e-postklikk, følg trinnene i veiledningen nedenfor:

  1. Legg til en ny trigger for klikk på e-postadresser

  2. Sett opp GA-hendelsestaggen

Spor klikk på telefonnumre

Sporing av klikk på telefonnumre er hovedsakelig nyttig på mobile enheter. Ved å trykke på en telefonnummerlenke startes en telefonsamtale direkte. På stasjonære datamaskiner initierer museklikk vanligvis ingenting. Men som for sporing av klikk på e-poster, er det en god metrikk for å bekrefte kontaktrater generelt, fordi det er korrelert med andre metoder for å kontakte en bedrift.

Lær å konfigurere GTM for sporing av telefonnummerklikk, ved å følge trinnene nedenfor.

  1. Opprett en trigger for klikk på telefonnumre

  2. Opprett en telefonnummerhendelsestagg

Spor nedlastinger

Sporing av hvor ofte besøkende laster ned materialene dine er en god indikator på engasjement. Slike nedlastinger kan være f.eks. e-bøker, Excel-ark, bilder, videoer eller musikk.

Sporing av nedlastinger fungerer bra for å skille mellom besøkende grupper som ikke var interessert i sideinnholdet og besøkende som faktisk var interessert og lastet ned det du tilbød.

Følg denne veiledningen for å lære å sette opp nedlastingssporing:

  1. Konfigurer en GTM-trigger for nedlastingsklikk

  2. Spor nedlastinger med en Google Analytics hendelse

Veiledning for testing av tagger og triggere

En Google Tag Manager veiledning ville ikke vært komplett uten en del om feilsøking. For å teste noen av de tidligere hendelseskonfigurasjonene og være sikker på at de fungerer, gjør noen av følgende:

  1. GTM Forhåndsvisningsmodus

    La oss først starte forhåndsvisnings- og feilsøkingsmodus. I Google Tag Manager-oversikten, klikk på forhåndsvisning knappen øverst til høyre. Åpne deretter en ny fane i samme nettleser og du vil merke at et GTM-feilsøkingsvindu dukker opp nederst.

    Mens du er i forhåndsvisningsmodus, utfør taggene og triggerne selv. Klikk f.eks. på en ekstern lenke eller et telefonnummer og se om triggeren og taggen vises i GTM-feilsøkingsvinduet sammen med hendelsesdetaljene du la til.
    Google Tag Manager feilsøkingsmodus for hendelser
    Google Tag Manager feilsøkingsvinduet åpnes automatisk når forhåndsvisningsmodus er aktivert og viser data om tagger, triggere og variabler.
  2. Google Analytics sanntidsrapport for hendelser

    En annen metode er å logge inn på Google Analytics og deretter besøke sanntidsrapporten for hendelser. Hendelsene skal vises noen sekunder etter at triggeren utløses.
    Google Analytics sanntidsrapport for hendelser
    Du kan verifisere GTM-konfigurasjoner med Google Analytics sanntidsrapport.
  3. Chrome utvidelse for feilsøking

    Installer en Chrome-utvidelse for å feilsøke taggen og triggeren. Jeg anbefaler Trackie eller Omnibug, men det finnes også andre løsninger der ute. Når du har lagt til utvidelsen i Chrome, kan du åpne Chrome Developer Tools og det vil være en ny fane tilgjengelig. Den viser deg all informasjon om de utløste taghåndteringsreglene. Hvis du deretter utløser triggerne dine i feilsøkingsmodus, vil utvidelsen vise trigger- og hendelsesdata.
    Trackie Chrome-utvidelse viser hendelsesdata.
    Trackie Chrome-utvidelse viser hendelsesdata i Chrome Developer Tools.
    Omnibug Chrome-utvidelse viser hendelsesdata for feilsøking
    Omnibug Chrome-utvidelse viser hendelsesdata for feilsøking i Chrome Developer Tools.

Last ned GTM konfigurasjonsfil

Siden de ovennevnte konfigurasjonene er universelt nyttige for de fleste Google Tag Manager-implementeringer, opprettet jeg det ovennevnte GTM-oppsettet som en fil for å importere til andre Google Tag Manager-containere.
Det er en .json fil med innstillingene og navnekonvensjonen vi gikk gjennom. Du kan bare importere containerkoden uten å måtte sette opp noe manuelt.

Enten bruker du den med en helt ny container for å spare tid på å sette opp taggene selv, eller du kan importere dem til din eksisterende container og oppdatere Google Analytics-innstillinger variabelen inkludert sporings-ID-en til din egen ID.

Du kan laste ned og installere disse konfigurasjonene (hver med tagger, triggere og variabler) for å sette opp Google Tag Manager:

  • Spor utgående lenker
  • Spor e-postklikk
  • Spor telefonnummerklikk
  • Spor nedlastinger

Importer ganske enkelt containerinnstillingene og distribuer dem. For demonstrasjonsformål la jeg til en Google Analytics-innstillinger variabel med en Google Analytics sporings-ID på UA-12345678-9.

Vennligst oppdater GA sporingskoden til din egen eller alternativt, endre GA-innstillinger variabelen i tagkonfigurasjonen til din egen.

Last ned GTM-oppsett konfigurasjonen og se nedenfor hvordan du importerer den.

Importer innstillinger til din GTM-container

For å få mest mulig ut av denne GTM-veiledningen, følg trinnene nedenfor og importer innstillingene til din GTM-container:

  • gå til admin > importer container.
  • velg JSON-filen du nettopp lastet ned.
  • velg en nytt arbeidsområde navngitt f.eks. Import Bluerivermountains.
  • som importalternativ velg å flette og gi nytt navn til eventuelle motstridende tagger, triggere og variabler.
  • klikk bekreft og trykk på send og publiser knappen for å distribuere taggene.

    La meg vise deg i denne videoen:
  • Endelig, endre GA sporings-ID i Google Analytics innstillinger variabelen til din egen sporings-ID eller oppdater innstillinger variabelen i taggene til din egen innstillinger variabel.

Merknad om personopplysninger

Vi må være bevisste på informasjonen vi sporer. Data er ikke bare data, fordi land har forskrifter om databeskyttelse som påvirker typen informasjon vi kan samle inn under sporing.

Det finnes også vilkår fra Googles side, som forbyr sporing av personopplysninger og sending av data til deres servere.

Med det sagt:

Generelt sett er e-poster eller telefonnumre personlig identifiserbar informasjon (PII) og vi har ikke lov til å sende det til vår Google Analytics-konto, fordi det er mot deres tjenestevilkår.

Men telefonnumrene på vårt nettsted eller våre egne bedrifts-e-postadresser er neppe private, fordi det ikke er brukernes data, men våre egne og offentlig tilgjengelige på nettstedet.
Ikke desto mindre, hvis Google Analytics noen gang sjekket databasen sin og fant de dataene, kunne de ikke vite at det faktisk ikke er PII-data.
Derfor anbefaler jeg å ikke ta noen risiko og obfuskere alle e-postadresser og telefonnumre sendt til Google Analytics-kontoen.

Simo Ahava har gjort en flott jobb og skrevet et egendefinert skript for å fjerne PII fra Google Analytics-hits og jeg anbefaler å implementere dette sammen med de ovennevnte konfigurasjonene.
Det er ikke et must, men ved å implementere det unngår du enhver potensiell forvirring om du holder PII-data eller ikke.

FAQ

Trenger jeg Google Tag Manager?

Ja, fordi nettstedet ditt sannsynligvis ønsker å kjøre Google Analytics og andre tredjeparts skriptkoder. Å sette opp alt det er mye enklere og raskere med Google Tag Manager. I tillegg laster nettstedet ditt litt raskere også.

Når bør jeg bruke Google Tag Manager?

Allerede hvis du bare vil kjøre Google Analytics bør du bruke Google Tag Manager. Å sette opp hendelsessporing, kryss-domenesporing eller skjemasporing er vanlige neste trinn, men mye raskere og enklere med GTM enn uten. Det finnes innebygde triggere for rullesporing og videosporing også, pluss mange veiledninger på nettet som forklarer hvordan du setter opp Google Analytics med det.

Hvordan bruker jeg Google Tag Manager med Google Analytics?

Logg inn på analytics.google.com med din Google-konto og få din Google Analytics sporingskode inkludert sporings-ID. Nå, ikke legg til Google Analytics-taggen i kildekoden på nettstedet ditt. Den eneste hardkodede taggen bør være Google Tag Manager-taggen. Så gå til tagmanager.google.com for å få GTM kodesnippet og i stedet implementere det på hver side av nettstedet ditt. Til slutt implementerer du GA-koden gjennom en innebygd tag, legger til din sporings-ID og fortsetter til sette opp Google Analytics gjennom Google Tag Manager. For å legge til markedsføringstagger eller konfigurere tilpassede tagger, bruker du alltid GTM fremover.

Hva er forskjellen mellom Google Analytics og Google Tag Manager?

Google Analytics er biblioteket for å samle data om besøk og engasjement på nettstedet ditt. Google Tag Manager derimot er et bibliotek som kjører på nettstedet ditt for å implementere andre biblioteker eller sporingsverktøy som Google Analytics. Fordi mange markedsførings- og analyseverktøy har ekstra JavaScript-snutter, bruker du GTM brukergrensesnitt for å sette dem alle opp.

Hvor legger jeg Google Tag Manager-koden?

Første del av koden går så høyt som mulig inn i <head> seksjonen. Jeg anbefaler å implementere den innenfor <head> men etter eventuelle <style> eller <script> tagger som er viktige for å gjengi siden - fordi vi ikke vil forsinke dem.
Andre del er for å aktivere grunnleggende funksjonalitet i nettlesere med JavaScript slått av. Den går så høyt som mulig inn i <body> elementet.
Logikken bak plasseringen av begge taggene er å sikre tidlig lasting av GTM. Det lar deg fyre tilpassede tagger så tidlig som mulig under sideinnlasting.


Google Tag Manager-kode
GTM-taggen har to deler. Den første plasseres høyt inn i head-taggen og den andre rett etter åpning av body-taggen (se nedenfor).

plassering av datalag før tag management-taggen i kildekoden
Den generelle rekkefølgen skal alltid være 1. datalagobjekt 2. Google Tag Manager, begge i <head> og 3. den andre GTM-koden høyt i <body> taggen.

Inkluderer Google Tag Manager Google Analytics?

Nei, men Google Tag Manager lar deg implementere Google Analytics på sekunder med bare noen få klikk. Det eneste du trenger er din Google Analytics sporings-ID. Generelt sett trenger du ikke bruke Google Analytics med Google Tag Manager. De er uavhengige av hverandre.

Hvordan får jeg tilgang til Google Tag Manager?

Besøk tagmanager.google.com og logg inn med din Google-konto for å få tilgang til Google Tag Manager. For å begynne å bruke GTM, opprett en ny konto og velg web-egenskap som målplattform. Ta deretter kodesnippet og installer det på hver side av nettstedet ditt.