Richte im Google Tag Manager ein Google-Analytics-4-Event ein, um deine Webflow-Formularübermittlungen zu tracken, und nutze denselben Trigger für Lead-Conversions in deinen Werbeplattformen.
**Update** Wir haben diesem Beitrag Videoinhalte hinzugefügt, die das Nachvollziehen hoffentlich erleichtern. Darin zeigen wir dir auch fortgeschrittenere Methoden als im Beitrag unten, etwa wenn du nur bestimmte Formulare oder mehrere verschiedene Formulare getrennt tracken möchtest. Abonniere den Kanal, um bei unseren neuesten How-tos und Updates auf dem Laufenden zu bleiben.
In diesem Beitrag richten wir in Google Tag Manager ein Google-Analytics-4-Event (GA4) ein, um Webflow-Formularübermittlungen zu tracken. Anschließend markieren wir es als Key Event (so nannte GA4 früher eine Conversion), damit du es in deinen Berichten siehst.
Je nach Formulareinstellungen in Webflow gibt es grundsätzlich zwei einfache Wege, eine Formularübermittlung zu tracken. Wenn du für dein Formular eine Weiterleitungs-URL eingerichtet hast, kannst du Besuche der Ziel-URL als Conversion tracken. Alternativ trackst du das Übermittlungs-Event selbst, und genau das machen wir hier.
Das wird ein ziemlich kurzer Beitrag, aber er ist besonders nützlich, weil sich dieser Trigger und dieses Event für mehr nutzen lassen, als nur zu sehen, wie viele Formularübermittlungen es in Google Analytics gab. Milk Moon Studio ist ein kleines, designorientiertes Webflow-Studio. Wir sind Webflow-Designer und mögen es einfach. Wenn du Google Ads, Facebook Ads oder Ähnliches nutzt und Anzeigen für Lead-Conversions optimieren möchtest, kannst du den Trigger aus diesem Beitrag verwenden, um die durch deine Anzeigen generierten Leads zu tracken. Das hilft nicht nur deiner Werbeplattform, auf Conversions zu optimieren, sondern zeigt dir auch die Kosten pro Conversion deiner Kampagnen und hält dein Webflow-Projekt sauber.
Wir gehen nicht darauf ein, wie du Google Tag Manager und Google Analytics einrichtest oder in dein Webflow-Projekt einbindest. Dazu findest du alles in unseren früheren Beiträgen:
Google Tag Manager und Google Analytics in Webflow installieren: Teil 1
Google Tag Manager und Google Analytics in Webflow installieren: Teil 2
Schritt 1: Tag erstellen
Öffne den Tag Manager, dann den Container deines Webflow-Projekts, klicke auf Variables und dann auf Configure.
Aktiviere jetzt einfach alle. Du brauchst nicht alle, aber es macht dir das Erstellen weiterer Trigger leichter.
Gehe zu Tags und klicke auf New.
Gib deinem Tag einen Namen und wähle den GA4 Event Tag.
Wähle nun den Config Tag (der Tag Manager nennt ihn inzwischen Google tag) aus, den du in unserem anderen Beitrag eingerichtet hast. Das ist das GA4-Konto, an das du das Event senden willst. Gib dem Event einen Namen (so erscheint es in Google Analytics). Und wenn du in GA Zielgruppen (Audiences) erstellen möchtest, kannst du unter User Properties einen Nutzerparameter hinzufügen (zum Beispiel lead_submit oder was immer du magst).
Jetzt kommt der wichtige Teil: der Trigger. Er ist wichtig, weil du ihn nicht nur für GA nutzt, sondern für alle weiteren Lead-Tags, die du für Plattformen wie Facebook oder Pinterest erstellen möchtest.
Klicke auf Triggering und dann auf das +
Gib deinem Trigger einen Namen und wähle unter Trigger Type den Trigger Form Submission.
Du könntest hier aufhören, aber was ist, wenn du mehr als ein Formular in deinem Projekt hast? Wir grenzen das ein, sodass der Trigger nur bei Formularen auf der Kontaktseite auslöst. Du könntest auch andere Variablen wie Click Text verwenden, aber das ist ein Thema für einen anderen Beitrag und kann sehr detailliert werden.
Wähle Some Forms, dann Click URL, Contains und die URL deiner Kontaktseite.
Damit ist die Tag-Einrichtung fertig. Klicke auf Submit, dann auf Publish und teste anschließend mit Preview.
Gib deine URL ein und klicke auf Connect. Jetzt hast du den Preview-Tab und deinen Website-Tab. Öffne dein Kontaktformular, fülle es aus und sende es ab. Wechsle dann zurück zum Preview-Tab, um zu sehen, ob alles richtig auslöst.
Und da ist unser Tag.
Schauen wir genauer hin, indem wir auf den Tag klicken.
Hier sehen wir die gewählten Triggering-Filter, das Event für die Formularübermittlung und die Click URL der Kontaktseite.
Jetzt kannst du zu Google Analytics wechseln. Zunächst siehst du noch nichts, aber sobald die Events eintreffen (warte einen Tag), gehst du in GA4 zu Events und aktivierst neben dem Event für die Kontaktformular-Übermittlung die Conversion-Schaltfläche, damit es unter Conversions erscheint.
Und schon bist du fertig! Glückwunsch. In einem weiteren Beitrag zeigen wir, wie du diesen Trigger für Lead-Events in deinen Werbeplattformen wiederverwendest.
Eine Anmerkung zur Wortwahl: Google hat Conversions in GA4 inzwischen in Key Events umbenannt. Wo wir also sagen, du sollst die Conversion-Schaltfläche aktivieren, suchst du stattdessen die Option, das Event als Key Event zu markieren. Sie erfüllt denselben Zweck. Wenn dir noch unklar ist, wie Events funktionieren, behandelt unser Beitrag zum Tracken von Events in GA4 mit dem Tag Manager die Grundlagen, und dieselbe Trigger-Idee funktioniert auch beim Tracken von Button-Klicks.
Wenn der Tag Manager deine Seiten ausbremst, wirf einen Blick auf das Verzögern deiner Tag-Manager-Tags. Und falls du dich fragst, wozu wir ihn überhaupt nutzen: Wir erklären, warum sich Google Tag Manager in Webflow lohnt. Du kannst GA4 auch über Cloudflare Zaraz statt über den Tag Manager laden.
Häufig gestellte Fragen
Wie tracke ich eine Webflow-Formularübermittlung in Google Analytics 4?
Erstelle im Google Tag Manager einen Form-Submission-Trigger, löse damit einen GA4-Event-Tag aus und markiere dieses Event anschließend in GA4 als Key Event. Die Schritte oben führen dich durch jeden Teil.
Brauche ich eine Weiterleitung oder Danke-Seite, um Webflow-Formularübermittlungen zu tracken?
Nein. Wenn dein Formular auf eine Ziel-URL weiterleitet, kannst du Besuche dieser Seite als Conversion tracken. Der Form-Submission-Trigger erfasst aber die Übermittlung selbst, funktioniert also auch ohne Weiterleitung.
Was ist der Unterschied zwischen Conversions und Key Events in GA4?
Was in GA4 früher Conversion hieß, heißt jetzt Key Event. In der Google-Hilfe steht, dass "Ereignisse, die Aktionen messen, die für den Erfolg deines Unternehmens wichtig sind, jetzt als Key Events bezeichnet werden". Der Begriff Conversion wird nun für Aktionen verwendet, die deine Google-Ads-Kampagnen messen und optimieren.
Wie lange dauert es, bis mein Formular-Event in Google Analytics erscheint?
Rechne mit etwa einem Tag. Direkt nach dem Veröffentlichen ist das Event noch nicht da. Teste also zuerst mit dem Preview-Modus des Tag Managers und prüfe am nächsten Tag die Events in GA4.
Kann ich den Formular-Trigger für Facebook, LinkedIn oder Google Ads wiederverwenden?
Ja. Derselbe Trigger kann Lead-Tags auf anderen Werbeplattformen auslösen. So können diese auf Lead-Conversions optimieren, und du siehst die Kosten pro Conversion deiner Kampagnen.
Stell deine Fragen gern in den Kommentaren, falls du nicht weiterkommst, und schau auch in den How-To-Bereich unseres Blogs für weitere Tutorials.
