Commmonn Ground

Tech & AI

Konfigurera en klickhändelse i Google Tag Manager (GTM) – Steg-för-steg-guide

Konfigurera en klickhändelse i Google Tag Manager (GTM) – Steg-för-steg-guide - 25 feb 2025 - 2 min läsning Uppdaterad: 15 mar 2025

Att konfigurera en klickhändelse i Google Tag Manager (GTM) är en enkel process som gör att du kan spåra användarinteraktioner som knappklick, länk-klick eller andra element på din webbplats. Här är en steg-för-steg-guide som hjälper dig att göra det:

Steg 1: Öppna din GTM-container - Logga in på ditt Google Tag Manager-konto på tagmanager.google.com.

  • Välj den container som är kopplad till den webbplats där du vill spåra klick.

Steg 2: Aktivera inbyggda klickvariabler GTM har inbyggda variabler för att fånga klickdata, men de måste aktiveras först:

  • I GTM, gå till sektionen Variables i sidofältet till vänster.

  • Klicka på Configure i rutan "Built-in Variables".

  • Markera rutorna för de klickrelaterade variabler du behöver, till exempel:

Click Element

  • Click Classes

  • Click ID

  • Click URL

  • Click Text

  • Spara dina ändringar.

Steg 3: Skapa en trigger för klickhändelsen Triggers definierar när din tagg ska köras. För att spåra klick:

  • Gå till Triggers i sidofältet till vänster och klicka på New.

  • Ge din trigger ett namn (t.ex. "Button Click Trigger").

  • Klicka på rutan för trigger-konfiguration och välj Click - All Elements (eller Click - Just Links om du bara spårar länk-klick).

  • Välj när triggern ska köras:

All Clicks: Körs vid varje klick.

  • Some Clicks: Körs baserat på villkor (t.ex. klick på en specifik knapp).

  • Om du använder "Some Clicks", ställ in ett villkor, som:

Click ID är lika med submit-button (ersätt med ditt elements ID).

  • Click Classes innehåller btn-primary (ersätt med ditt elements klass).

  • Click Text är lika med Learn More (för specifik knapptext).

  • Spara triggern.

Steg 4: Skapa en tagg för att spåra händelsen Koppla nu triggern till en tagg som skickar klickdata (t.ex. till Google Analytics):

  • Gå till Tags i sidofältet till vänster och klicka på New.

  • Ge din tagg ett namn (t.ex. "GA - Button Click Event").

  • Klicka på rutan för tagg-konfiguration och välj Google Analytics: Universal Analytics (eller ditt föredragna analysverktyg).

  • Ställ in taggtyp till Event.

  • Fyll i händelseinformation:

Category: t.ex. "Button Clicks"

  • Action: t.ex. "Click"

  • Label: Använd en variabel som {{Click Text}} eller {{Click ID}} för dynamisk data.

  • Under "Google Analytics Settings", välj din GA-variabel eller ange ditt tracking ID (t.ex. UA-XXXXX-Y).

  • Koppla taggen till din trigger genom att klicka på rutan Triggering och välja den trigger du skapade.

  • Spara taggen.

Steg 5: Förhandsgranska och testa - Klicka på Preview i GTM för att gå in i felsökningsläge.

  • Öppna din webbplats i en ny flik — den bör ansluta till GTM-förhandsvisningen.

  • Klicka på elementet du spårar och kontrollera felsökningspanelen för att se om taggen körs (fires).

  • Om det fungerar kommer taggen att visas under "Tags Fired" med rätt detaljer.

Steg 6: Publicera ändringar - När du har testat färdigt, avsluta förhandsgranskningsläget och klicka på Submit i GTM.

  • Lägg till ett versionsnamn (t.ex. "Added Button Click Event") och klicka på Publish.
Tips - Använd din webbläsares utvecklarverktyg (högerklicka > Inspektera) för att hitta ID:n, klasser eller text för dina villkor.
  • Om klicket inte registreras, se till att GTM-kodsnutten är korrekt installerad på din webbplats.

  • För avancerade inställningar (t.ex. spårning av klick i dynamiskt innehåll) kan du behöva anpassade JavaScript-variabler.

Lär dig mer från GTM Community eller Google Analytics Academy för avancerade tips. Det finns också massor av instruktionsvideor på YouTube.

Taggar: