Så konfigurerar du spårning av Google Analytics-händelser för ett registreringsformulär

Du kommer att lära dig

Lär dig hur du konfigurerar Google Analytics-händelsespårning för dina Klaviyo-registreringsformulär för att få insikter om viktiga användaråtgärder i dina formulär. Du kan mäta formuläraktivitet genom att markera Klaviyo-händelserna (t.ex. form_open, form_close, form_submit) som konverteringar i Google Analytics. Konfigurera detta genom att följa den här processen i två steg:

1. Lägg till ett kodsnippet på din webbplats för att skicka data från Klaviyo registreringsformulär till Google Analytics.
2. Markera dina händelser som konverteringar i Google Analytics.

Innan du börjar

Att konfigurera händelsespårning för dina registreringsformulär i Google Analytics kräver att du klistrar in en kodsnutt på din webbplats. Om du inte känner dig bekväm med att klistra in kod och inte har en utvecklare som kan hjälpa dig har Klaviyo ett stort nätverk av partner i vår partnerkatalog. 

Spåra registreringar som skickas in via ett Klaviyo-formulär

Du kan spåra Klaviyo-formuläraktivitet i Google Analytics genom att lägga till en händelselyssnare till klaviyoForms-händelsen och sedan köra olika GA-spårningsanrop för varje typ av händelse. Den här koden måste klistras in i huvudtemafilen på din webbplats.

• Om du använder Shopify klistrar du in kodavsnittet i filen theme.liquid i ditt tema på en ny rad ovanför den avslutande </body> -etiketten. Observera att om du använder anpassade produktsidor kan du behöva lägga till det här kodavsnittet i en annan temafil eller på dina enskilda anpassade produktsidor.
• Om du använder Shopify 2.0 ska du lägga till koden i ett Custom Liquid-block.
• Om du använder BigCommerce går du till Storefront > Footer Scripts i din BigCommerce-administratörspanel och klistrar in kodsnutten i rutan för Footer-kod på en ny rad.

Nedan finns den generiska koden för spårning av alla klaviyoForms-händelsetyper i Google Analytics. Den här koden ska även användas om du använder gtag.js för att läsa in Google Analytics:

<script>
  window.addEventListener("klaviyoForms", function(e) { 
    if (e.detail.type == 'open' || e.detail.type == 'embedOpen') {
      gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'submit') {
      gtag('event', 'form_submit', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'stepSubmit') {
      gtag('event', 'form_step_submit', {'form': 'Klaviyo form', 'step_name': e.detail.metaData.$step_name});
    }
    if (e.detail.type == 'redirectedToUrl') {
      gtag('event', 'form_url_redirect', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'close') {
      gtag('event', 'form_close', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
  });
</script>

Om du vill spåra olika formulärversioner eller variationer kan du ändra ditt kodsnippet så att det

gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId, 'form_version_id': e.detail.formVersionId })

med relevant form_id i stället för

gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId })

Om du spårar formulärinskickningar för ett formulär i flera steg ska du tänka på att endast 1 submit -händelse utlöses varje gång formuläret fylls i. Inskickningshändelsen utlöses i följande fall:

• För formulär med åtgärder för e-post- eller sms-prenumeration utlöser inskickning av en e-postadress eller ett telefonnummer en skicka in-händelse.
• För formulär som innehåller både e-post- och sms-fält över flera steg utlöser inskick av det som visas först i formuläret en inskickshändelse.
• För formulär utan en prenumerationsåtgärd för e-post eller sms (t.ex. ett formulär som bara innehåller textfält) utlöser det en inskickningshändelse när du klickar på en knapp där Åtgärd är inställd på Skicka formulär.

Händelsen stepSubmit utlöses när varje steg skickas in.

Testa din spårningskod

När du har installerat spårningskoden på din webbplats kan du testa den för att säkerställa att data spåras. Så testar du koden:

1. Gå till din webbplats och interagera med formuläret (t.ex. skicka in det eller stäng det).
2. Öppna Google Analytics och öppna Rapporter > Realtid.
3. Under Händelseantal efter händelsenamn bör du se en uppdelning av de data som ditt formulär har spårat. Mättalen för varje händelse bör återspegla ett korrekt antal baserat på åtgärden du utförde (t.ex. om du stängde formuläret ser du detta återspeglas i Händelseantal för form_close).

Om du inte ser dina händelser ska du se till att Google Analytics är korrekt konfigurerat och att kodsnippetet du använde är korrekt. Observera också att dina händelser bara syns i Realtime i 30 minuter. Se [GA4] Realtime-rapport för mer information.

Konfigurera händelser som ska markeras som konvertering

När du har ställt in spårning för nya registreringshändelser i Google Analytics kan du konfigurera motsvarande händelser så att de markeras som konverteringar för att hjälpa dig att övervaka hur användare interagerar med dina formulär.

I tabellen Befintliga händelser i Google Analytics (Administratör > Händelser) slår du på reglaget Markera som konvertering för de händelser som du vill spåra. Om en händelse inte finns i den befintliga listan måste du skapa en ny händelse och markera den som en konvertering. Om du bara vill att din händelse ska markeras som en konvertering när ett visst villkor uppfylls (t.ex. ett specifikt formulär-ID) måste du konfigurera en konvertering baserat på värdena för din händelses parametrar.

När du markerar en händelse som en konvertering registrerar Google Analytics en konvertering varje gång det ser ditt event_name (t.ex. form_open). Spåra konverteringar från dina Klaviyo-formulärdata i Konverteringsrapporten.

Ytterligare resurser