Google Tag Manager är ett kraftfullt verktyg som kan hjälpa dig att organisera dina mätverktyg på ett centraliserat sätt. Genom att använda Google Tag Manager kan du enkelt lägga till och uppdatera spårningskoder för olika verktyg som Google Analytics, Facebook Pixel och andra tredjepartsverktyg på din webbplats. Detta gör det möjligt för dig att spåra och mäta användarbeteende, konverteringar och andra viktiga webbplatsmätvärden utan att behöva involvera utvecklare för varje ändring.
Innehållsförteckning
ABOUT US
Varför du ska använda Google Tag Manager
Google tag manager är det ultimata verktyget för att mäta data på din hemsida via olika tredjeparter som Google Analytics eller Facebook. Google tag manager är användarvänligt och gör det möjligt att mäta alla olika typer av händelser på din hemsida. Till exempel kan du spåra klick, sidvisningar, formulärinskick, konverteringar och mycket mer. Detta ger dig djupgående insikter om hur dina besökare interagerar med din webbplats och vilka åtgärder de utför.
Nedan listar vi 6 olika anledningar till att använda Google tag manager och varför det är det bästa valet!
ENKEL HANTERING AV SPÅRNINGSKODER
Genom att använda Google Tag Manager kan du enkelt lägga till och hantera olika spårningskoder och mätverktyg på din webbplats utan att behöva ändra källkoden direkt. Detta sparar tid och minimerar risken för felaktiga implementationer.
CENTRALISERAD KONTROLL
Google Tag Manager ger dig möjlighet att hantera alla dina mätverktyg och spårningskoder från ett enda gränssnitt. Detta gör det enkelt att organisera och kontrollera vilka verktyg som används på olika sidor av webbplatsen.
SNABB IMPLEMENTERING
När du behöver lägga till ett nytt mätverktyg eller spårningskod på din webbplats kan du göra det snabbt genom Google Tag Manager. Du slipper vänta på att en utvecklare ska göra ändringar i källkoden, vilket kan spara tid och möjliggöra snabbare lanseringar.
VERSIONHANTERING
Google Tag Manager erbjuder versionhantering, vilket innebär att du kan se tidigare versioner av dina taggar och återställa till en tidigare konfiguration om det behövs. Detta kan vara till stor hjälp om du gör misstag eller behöver rulla tillbaka ändringar.
TESTNING OCH FELSÖKNING
Med Google Tag Manager kan du enkelt testa och felsöka dina taggar innan de släpps live på webbplatsen. Detta hjälper till att säkerställa att dina mätverktyg fungerar korrekt och att datainsamlingen är noggrann.
MINIMERAR WEBBPLATSENS NEDTID
Genom att använda Google Tag Manager för att hantera dina taggar och spårningskoder minskar du risken för felaktiga implementationer som kan orsaka problem på webbplatsen och därmed minska nedtiden.
Hur installerar man Google tag manager?
Steg 1: Skapa ett konto på Google Tag Manager
Om du inte redan har ett konto på Google Tag Manager behöver du börja med att skapa ett. Gå till https://tagmanager.google.com/ och logga in med ditt Google-konto eller skapa ett nytt konto om du inte har det.
När du är inloggad klickar du på "Skapa konto" längst upp till höger på sidan.
Du kommer att bli ombedd att ge ett namn åt din behållare. Välj ett beskrivande namn för din behållare, till exempel namnet på din webbplats eller projekt.
Välj rätt tidzon för din behållare. Se till att välja den tidzon där din webbplats befinner sig för korrekt tidsstämpling av händelser.
Välj den plattform som du vill använda för att publicera ändringarna. Om du inte är säker, kan du välja "Webb" som är det vanligaste valet.
Klicka på "Skapa" för att slutföra skapandet av behållaren.
Steg 2: Skapa en behållare (Container)
Steg 3: Lägg till Taggkoden på din webbplats
1. När du har skapat din behållare i Google Tag Manager och har blivit omdirigerad till din behållares sida, leta efter sektionen ”admin”
2. Klicka på alternativet " installation av Google tag manager”
3. Kopiera hela Taggkoden genom att klicka på knappen "Kopiera till urklipp" (Copy to Clipboard).
4. Klistra in Taggkoden direkt före slutet av /head-taggen i varje sida på din webbplats. Kopiera även den andra koden och klistra in den direkt efter första body taggen. Detta ser till att Tag Manager-lösningskoden laddas innan någon annan spårningskod eller mätverktyg på sidan. Spara ändringarna på din webbplats och publicera dem för att göra Taggkoden aktiv på alla sidor.
Om du inte vet hur man manuellt lägger till koderna till din hemsida så kan du följa instruktionerna nedan:
För att installera Google Tag Manager på din WordPress-webbplats med hjälp av Header and Footer Code Manager-pluginen, följer du dessa steg:
Logga in på din WordPress-adminpanel.
Gå till “Tillägg” (Plugins) i sidomenyn och klicka på “Lägg till nytt” (Add New).
Sök efter “Header and Footer Code Manager” i sökrutan.
När du hittar pluginen, klicka på “Installera nu” och sedan “Aktivera” för att aktivera pluginen.
Gå till “Inställningar” (Settings) i sidomenyn. Där hittar du alternativet för “Header and Footer Code Manager”.
Klistra in Taggkoden i rutan för “Header Code” (Kod i sidhuvudet). Var noggrann med att välja alla sidor. Klicka på “Spara ändringar” (Save Changes) för att spara Taggkoden.
Klistra in Taggkoden i rutan för “Body Code” (Kod i sidhuvudet). Klicka på “Spara ändringar” (Save Changes) för att spara Taggkoden.
- Logga in på ditt Google Tag Manager-konto på https://tagmanager.google.com/ med ditt Google-konto.
- Välj den behållare (container) som du vill testa genom att klicka på dess namn.
- Inne i behållaren, klicka på knappen “Förhandsvisa” (Preview) längst upp till höger på sidan. En popup med en förhandsvisningslänk kommer att visas.
- Kopiera förhandsvisningslänken (din hemsidas URL) genom att klicka på “Kopiera länk” (Copy link).
- Klistra in förhandsvisningslänken i din webbläsares adressfält och tryck på Enter för att öppna förhandsvisningen av din webbplats.
- Nu bör du se en förhandsvisning av din webbplats med Google Tag Manager-ramverket aktiverat. Detta innebär att Tag Manager är aktivt och redo att samla in data.
- Besök olika sidor på din webbplats och se till att alla taggar och spårningskoder fungerar som förväntat i förhandsvisningen.
- Återvänd till Google Tag Manager-fönstret och klicka på “Sluta förhandsvisa” (Stop Preview) när du är klar med testningen.
Steg 4. Testa anslutning av Google Tag Manager
Anslut Facebook pixel via Google tag manager
Steg 1: Skapa en Facebook Pixel
1. Gå till Facebook Ads Manager (https://www.facebook.com/adsmanager/) och logga in med ditt Facebook-konto.
2. Klicka på "Evenemangshanteraren" (Event Manager) i menyn till vänster. .
3. Klicka på "Skapa pixel" (Create a Pixel) och följ anvisningarna för att skapa din Facebook Pixel. Du får en unik Pixel ID som du behöver senare.
- Logga in på ditt Google Tag Manager-konto på https://tagmanager.google.com/ med ditt Google-konto.
- Välj den behållare (container) där du vill lägga till Facebook Pixel.
- Klicka på “Variabler” (Variables) i sidomenyn och sedan på “Ny” (New).
- Välj “Klickvariabler” (Click Variables) och ge variabeln ett beskrivande namn, t.ex. “Facebook Pixel ID”.
- Klistra in din Facebook Pixel ID i fältet för “Värde” (Value).
- Klicka på “Spara” (Save) för att skapa variabeln.
Steg 2: Skapa en variabel för Facebook Pixel i Google Tag Manager
Steg 3: Skapa en utlösare för Facebook Pixel i Google Tag Manager
- Klicka på “Utlösare” (Triggers) i sidomenyn och sedan på “Ny” (New).
- Välj “Anpassad utlösare” (Custom Trigger) och ge utlösaren ett beskrivande namn, t.ex. “Facebook Pixel Trigger”.
- Välj “Click” under “Det här utlöses när” (This trigger fires on) och ange “Some Clicks” (Några klick) som utlösarkriterium.
- Välj din tidigare skapade variabel “Facebook Pixel ID” och ange “Matches RegEx” som operator.
- Skriv “.*” (utan citattecken) i fältet bredvid operatorn. Detta säkerställer att utlösaren aktiveras för alla klick händelser.
- Klicka på “Spara” (Save) för att skapa utlösaren.
- Klicka på “Taggar” (Tags) i sidomenyn och sedan på “Ny” (New).
- Välj “Anpassad HTML” (Custom HTML) som taggtyp.
- Klistra in Facebook Pixel-koden som du kan hitta i Facebook Ads Manager (under din Pixel-inställningar) inuti det anpassade HTML-fältet.
- Under “Utlösare” (Triggers), välj den tidigare skapade utlösaren “Facebook Pixel Trigger”.
- Klicka på “Spara” (Save) för att skapa taggen.
- Efter att du har skapat taggen, gå tillbaka till huvudvyn för Google Tag Manager.
- Klicka på “Skicka” (Submit) längst upp till höger på sidan.
- Ge ändringarna en beskrivande titel och klicka på “Skicka” (Submit).
- På nästa sida, klicka på “Publicera” (Publish) för att publicera ändringarna live på din webbplats.
Steg 4: Skapa en ny tagg för Facebook Pixel i Google Tag Manager
Anslut Google Analytics via Google tag manager
Steg 1: Skapa en Google Analytics-tag i Google Tag Manager.
- Gå till din container och klicka på “Lägg till en ny tagg”.
- Välj “Google Analytics” som taggtyp.
- Konfigurera taggen genom att ange ditt Google Analytics-spårnings-ID. Du hittar ditt spårnings-ID genom att klicka på kugghjulet administratör i vänstra hörnet på ditt Google Analytics konto. Sedan väljer du datakällor, skapar en ny datakälla och kopierar ditt spårnings-ID.
- Välj utlösare för taggen. Du kan använda inbyggda utlösare som “Alla sidor” för att spåra varje sida på din webbplats.
- Efter att du har skapat taggen, gå tillbaka till huvudvyn för Google Tag Manager.
- Klicka på “Skicka” (Submit) längst upp till höger på sidan.
- Ge ändringarna en beskrivande titel och klicka på “Skicka” (Submit).
- På nästa sida, klicka på “Publicera” (Publish) för att publicera ändringarna live på din webbplats.
- Logga in på ditt Google Tag Manager-konto på https://tagmanager.google.com/ med ditt Google-konto.
- Välj den behållare (container) som du vill testa genom att klicka på dess namn.
- Inne i behållaren, klicka på knappen “Förhandsvisa” (Preview) längst upp till höger på sidan. En popup med en förhandsvisningslänk kommer att visas.
- Kopiera förhandsvisningslänken (din hemsidas URL) genom att klicka på “Kopiera länk” (Copy link).
- Klistra in förhandsvisningslänken i din webbläsares adressfält och tryck på Enter för att öppna förhandsvisningen av din webbplats.
- Nu bör du se en förhandsvisning av din webbplats med Google Tag Manager-ramverket aktiverat. Detta innebär att Tag Manager är aktivt och redo att samla in data.
- Besök olika sidor på din webbplats och se till att spårningstaggen för Google Analytics fungerar som förväntat i förhandsvisningen.
- Återvänd till Google Tag Manager-fönstret och klicka på “Sluta förhandsvisa” (Stop Preview) när du är klar med testningen.
2. Testa anslutning av Google Analytics
Sammanfattning
Om du har följt alla steg i denna artikeln så har du nu framgångsrikt anslutit Google tag manager till din hemsida. Dessutom så har du anslutit Facebook pixeln och Google Analytics via Google tag manager till din hemsida. Nu kan du mäta all data via din hemsida samt mäta datatrafik via Facebook.
För att få ännu bättre insyn i dina kunders beteenden så börjar du skapa specifika event och konverteringar för viktiga händelser som du vill mäta på din hemsida.
