So richtest du das Google Analytics-Event-Tracking für ein Anmeldeformular ein

Übersicht

Erfahre, wie du Google Analytics-Event-Tracking für deine Klaviyo-Anmeldeformulare einrichtest, um Erkenntnisse über wichtige Nutzeraktionen mit deinen Formularen zu gewinnen. Du kannst Formularaktivität messen, indem du die Klaviyo-Events (z. B. form_open, form_close, form_submit) in Google Analytics als Conversion markierst. Richte das ein, indem du diesen 2‑Schritte‑Prozess befolgst:

1. Füge deiner Website ein Code-Fragment hinzu, um Daten aus Klaviyo-Anmeldeformularen an Google Analytics zu senden.
2. Markiere deine Events in Google Analytics als Conversions.

Bevor du anfängst

Das Konfigurieren des Event-Trackings für deine Anmeldeformulare in Google Analytics erfordert, dass du einen Code-Snippet auf deiner Website einfügst. Wenn du dich beim Einfügen von Code nicht wohlfühlst und keine Entwickler*innen zur Unterstützung hast, bietet Klaviyo ein großes Netzwerk an Partnern in unserem Partnerverzeichnis. 

Anmeldungen nachzuverfolgen, die über ein Klaviyo-Anmeldeformular eingereicht wurden

Du kannst Klaviyo-Formularaktivitäten in Google Analytics tracken, indem du dem klaviyoForms-Ereignis einen Event Listener hinzufügst und dann für jeden Ereignistyp unterschiedliche GA-Tracking-Aufrufe ausführst. Dieser Code muss in die Haupt-Theme-Datei deiner Website eingefügt werden.

• Wenn du Shopify verwendest, füge das Snippet in deiner theme.liquid-Datei in einer neuen Zeile oberhalb des schließenden </body> -Tags ein. Beachte, dass du, wenn du benutzerdefinierte Produktseiten verwendest, dieses Snippet möglicherweise zu einer anderen Theme-Datei oder zu deinen einzelnen benutzerdefinierten Produktseiten hinzufügen musst.
• Wenn du Shopify 2.0 verwendest, füge den Code zu einem Custom-Liquid-Block hinzu.
• Wenn du BigCommerce verwendest, navigiere in deinem BigCommerce-Administrator-Panel zu Storefront > Footer Scripts und füge das Snippet in das Footer-Codefeld in einer neuen Zeile ein.

Unten findest du den generischen Code für das Tracking aller klaviyoForms-Ereignistypen in Google Analytics. Dieser Code sollte auch verwendet werden, wenn du gtag.js verwendest, um Google Analytics zu laden:

<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>

Wenn du verschiedene Formularversionen oder Varianten nachverfolgen möchtest, passe dein Code-Fragment an, um

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

mit den relevanten form_id statt

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

Wenn du Formulareinsendungen für ein mehrstufiges Formular nachverfolgst, beachte, dass jedes Mal, wenn das Formular ausgefüllt wird, nur 1 submit -Event ausgelöst wird. Das Submit-Ereignis wird unter folgenden Umständen ausgelöst:

• Bei Formularen mit E-Mail- oder SMS-Abonnement-Aktionen löst das Absenden einer E-Mail oder Telefonnummer ein Submit-Ereignis aus.
• Bei Formularen, die sowohl E-Mail- als auch SMS-Felder über mehrere Schritte hinweg enthalten, löst das Absenden des Felds, das zuerst im Formular erscheint, ein Absendeereignis aus.
• Bei Formularen ohne E-Mail- oder SMS-Abonnementaktion (z. B. ein Formular, das nur Textfelder enthält) löst das Klicken auf eine Schaltfläche mit der Aktion Formular senden ein Absendeereignis aus.

Das stepSubmit -Ereignis wird ausgelöst, wenn jeder Schritt übermittelt wird.

Tracking-Code testen

Sobald du den Tracking-Code auf deiner Website installiert hast, kannst du ihn testen, um sicherzustellen, dass Daten getrackt werden. So testest du deinen Code:

1. Navigiere zu deiner Website und interagiere mit deinem Formular (z. B. absenden oder schließen).
2. Öffne Google Analytics und öffne Berichte > Echtzeit.
3. Unter Anzahl der Events nach Event-Name solltest du eine Aufschlüsselung der Daten sehen, die dein Formular erfasst hat. Die Metriken für jedes Event sollten eine genaue Anzahl basierend auf der Aktion widerspiegeln, die du durchgeführt hast (z. B. wenn du das Formular geschlossen hast, siehst du das in der Anzahl der Events für form_close).

Wenn deine Events nicht angezeigt werden, stell sicher, dass Google Analytics richtig eingerichtet ist und das Code-Fragment, das du verwendet hast, korrekt ist. Beachte außerdem, dass deine Events nur 30 Minuten lang in Realtime sichtbar sind. Weitere Informationen findest du im [GA4] Realtime-Bericht.

Ereignisse so konfigurieren, dass sie als Conversions markiert werden

Nachdem du Tracking für neue Anmelde-Events in Google Analytics eingerichtet hast, kannst du die entsprechenden Events so konfigurieren, dass sie als Conversions markiert werden, damit du besser nachverfolgen kannst, wie Nutzer*innen mit deinen Formularen interagieren.

Schalte in der Tabelle der vorhandenen Ereignisse in Google Analytics (Administrator > Ereignisse) den Schalter für Als Conversion markieren für alle Ereignisse um, die du tracken möchtest. Wenn ein Ereignis nicht in der vorhandenen Liste enthalten ist, musst du ein neues Ereignis erstellen und als Conversion markieren. Wenn du möchtest, dass dein Ereignis nur dann als Conversion markiert wird, wenn eine bestimmte Bedingung erfüllt ist (z. B. eine bestimmte Formular-ID), musst du eine Conversion basierend auf den Werten der Parameter deines Ereignisses konfigurieren.

Wenn du ein Ereignis als Conversion markierst, registriert Google Analytics jedes Mal eine Conversion, wenn es deinen event_name (z. B. form_open) sieht. Verfolge die Conversion aus deinen Klaviyo-Formulardaten im Conversion-Bericht.