Hver gang en bruker logger inn på nettsiden din, har du en verdifull datapunkt. Du vet at noen har en konto, husker påloggingsinformasjonen sin, og faktisk bruker den. Med login-hendelsen i Google Analytics kan du spore disse innloggingene og bruke dataene til å forstå brukeratferd bedre.
Google Analytics samler inn en del data automatisk, som sidevisninger og scrolling. Men innlogging er ikke noe GA4 sporer på egen hånd. Du må sette opp sporingen selv, enten direkte i koden eller via Google Tag Manager. Her ser vi på hvordan du gjør det med GTM, steg for steg.
Hva er login-hendelsen i Google Analytics?
Login er en av Googles anbefalte hendelser. Det betyr at Google har forhåndsdefinert hendelsesnavnet "login" og forventer det i en bestemt kontekst. Når du bruker dette navnet, gjenkjenner GA4 hendelsen og kan behandle den riktig i rapportene.
Til forskjell fra automatisk innsamlede hendelser som page_view og scroll, krever login-hendelsen at du aktivt setter den opp. Den tilhører kategorien hendelser du selv må implementere, på linje med purchase og add_to_cart. Vil du ha en grunnleggende innføring i hvordan hendelser fungerer i GA4, kan du lese mer om hendelser i Google Analytics.
Slik setter du opp login-sporing med Google Tag Manager
Den enkleste måten å spore innlogging på er gjennom Google Tag Manager. Du trenger to ting: en tag som sender hendelsen til GA4, og en trigger som bestemmer når taggen skal fyre.
Start med å opprette en ny tag i GTM. Gi den et beskrivende navn, for eksempel "GA4 Event - login". Velg tag-typen Google Analytics: GA4 Event. Legg inn din Measurement ID (som starter med G-), og skriv "login" som hendelsesnavn. Det er alt du trenger i selve taggen.
Neste steg er å lage triggeren som avgjør når denne taggen skal fyre. Og her kommer den interessante delen: du må finne en måte å identifisere akkurat innloggingsknappen på nettsiden din.
Finn innloggingsknappen med CSS-klasser
For å lage en presis trigger trenger du noe som unikt identifiserer innloggingsknappen. Den mest pålitelige metoden er å bruke CSS-klasser. Slik gjør du det:
- Gå til innloggingssiden på nettsiden din i Chrome.
- Høyreklikk på innloggingsknappen og velg Inspiser.
- Chrome DevTools åpner seg, og du ser HTML-koden for knappen markert.
- Se etter class-attributtet på knappen. Der finner du en eller flere CSS-klasser.
Poenget er å finne en klasse som er unik for innloggingsknappen. Hvis nettsiden din bruker WooCommerce, vil innloggingsknappen typisk ha klassen woocommerce-form-login__submit. Registreringsknappen har en annen klasse, som woocommerce-form-register__submit. Denne forskjellen gjør at du kan målrette nøyaktig den knappen du vil spore.
Har du en annen plattform, vil klassene se annerledes ut. Det som betyr noe er at du finner en klasse som kun tilhører innloggingsknappen og ikke deles av andre elementer på siden.
Sett opp triggeren i GTM
Nå som du vet hvilken CSS-klasse innloggingsknappen har, kan du lage triggeren. Gå tilbake til GTM og opprett en ny trigger med disse innstillingene:
- Velg trigger-typen Klikk - Alle elementer.
- Velg at triggeren skal utløses på Noen klikk.
- Sett betingelsen til: Click Classes inneholder woocommerce-form-login__submit (eller den klassen du fant på din nettside).
Koble triggeren til taggen du opprettet tidligere. Klikk Send inn og deretter Publiser for å gjøre endringene aktive.
Verifiser at login-sporingen fungerer
Før du stoler på dataene, bør du alltid teste at sporingen fungerer som forventet. GTM har et innebygd forhåndsvisningsverktøy som gjør dette enkelt.
Klikk på Forhåndsvisning i GTM. Dette åpner Tag Assistant, som kobler seg til nettsiden din i en ny fane. Du trenger Tag Assistant Companion-utvidelsen installert i Chrome for at dette skal fungere.
Når forhåndsvisningen er aktiv, gjør følgende:
- Naviger til innloggingssiden.
- Fyll inn brukernavn og passord.
- Klikk på innloggingsknappen.
Gå tilbake til Tag Assistant-vinduet. Under hendelseslisten ser du klikk-hendelsen. Klikk på den, og sjekk om taggen "GA4 Event - login" er listet under Tags Fired. Hvis den er det, fungerer sporingen.
For å dobbeltsjekke kan du åpne sanntidsrapporten i Google Analytics. Der skal login-hendelsen dukke opp innen noen sekunder. Klikker du på bruker-øyeblikksbildet, ser du hele hendelseshistorikken for brukeren, inkludert login-hendelsen.
Hvorfor CSS-klasser er en viktig teknikk
Metoden du nettopp lærte, å identifisere elementer via CSS-klasser og bruke dem som trigger-betingelse i GTM, er grunnleggende for all egendefinert hendelsesporing. Den samme teknikken fungerer for å spore klikk på hvilken som helst knapp, lenke eller interaktivt element.
Noen ganger vil du møte knapper som ikke har unike CSS-klasser. Da kan du bruke andre identifikatorer som element-ID, data-attributter, eller en kombinasjon av betingelser. Men CSS-klasser er som regel det enkleste og mest stabile alternativet.
Når du har satt opp login-hendelsen, kan du ta det et steg videre. Du kan legge til parametere som "method" for å skille mellom ulike innloggingsmetoder (e-post, Google, Facebook). Du kan også markere login som en nøkkelhendelse i GA4 hvis innlogging er spesielt viktig for virksomheten din.
Vanlige feil ved login-sporing i Google Analytics
Det er noen fallgruver du bør være klar over når du setter opp login-sporing:
- Feil CSS-klasse. Hvis du bruker en klasse som deles av flere elementer, vil taggen fyre på feil klikk. Dobbeltsjekk alltid at klassen er unik for innloggingsknappen.
- Glemt å publisere. Endringer i GTM er ikke aktive før du publiserer dem. Forhåndsvisning tester bare upubliserte endringer i din egen nettleser.
- Hendelsen dukker ikke opp i GA4. Sjekk at Measurement ID er riktig, og at Google-taggen er installert på nettsiden. Bruk sanntidsrapporten for å verifisere.
- Triggeren fyrer ikke. Sjekk at Click Classes-variabelen er aktivert i GTM under innebygde variabler. Den er ikke alltid slått på som standard.
Neste steg
Nå har du satt opp sporing av login-hendelsen i Google Analytics via GTM. Den samme fremgangsmåten, med CSS-klasser og klikk-triggere, kan du bruke til å spore andre handlinger som legg i handlekurv og kjøp. Vil du lære mer om hendelser generelt, start med innføringen i hendelser i Google Analytics.
Denne videoen er hentet fra kurset Google Analytics på Utdannet.no. Der lærer du alt fra grunnleggende oppsett til avansert hendelsesporing og rapportering.
