Wie richte ich Formular-Tracking mit Google Tag Manager und dem Aivie WordPress Plugin ein?

Mit dem Aivie WordPress Plugin misst du, wie Besucher:innen mit deinen Aivie-Formularen umgehen: wer ein Formular beginnt, bei welchem Schritt eines mehrstufigen Formulars abgebrochen wird und wer es abschickt. Das Plugin übergibt diese Interaktionen an Google Tag Manager und speichert Start und Schritte auf Wunsch auch in der Kontakt-Timeline in Aivie.

Voraussetzungen

  • WordPress mit der aktuellen Version des Aivie WordPress Plugins
  • Ein Aivie-Formular auf deiner Website. So fügst du ein Aivie-Formular in WordPress ein
  • Google Tag Manager auf deiner Website und eine Google-Analytics-4-Property
  • Für Einträge in Aivie: Aivie-Tracking auf der Website
  • Einwilligung der Besucher:innen. Z.B. über das Aivie WordPress Plugin

Was wird gemessen?

Das Aivie WordPress Plugin schreibt für jedes Aivie-Formular diese Events in den dataLayer von Google Tag Manager:

EventWann
aivie_form_startErste Interaktion mit einem Formular, einmal pro Seitenaufruf
aivie_form_stepDie nächste Seite eines mehrstufigen Formulars wird angezeigt. Nur wenn die vorherige Seite gültig ausgefüllt ist.
aivie_form_submitDas Formular ist gültig ausgefüllt und wird abgeschickt
aivie_form_successAivie hat das Formular erfolgreich entgegengenommen
aivie_form_errorAivie hat das Formular abgelehnt, z. B. wegen eines ungültigen Felds

Jedes Event enthält diese Parameter:

  • form_name: Alias des Formulars
  • form_id: ID des Formulars in Aivie
  • form_title: lesbarer Name des Formulars
  • form_step: aktuelle Seite, beginnend bei 1
  • form_steps_total: Anzahl Seiten des Formulars
  • form_step_label: Frage bzw. erstes Feld der Seite, «Kontaktdaten» bei einer Seite mit E-Mail-Feld

Eingegebene Werte wie Namen, E-Mail-Adressen oder Antworten überträgt das Plugin nie.

Schritt 1: Tracking im Plugin aktivieren

In den Einstellungen des Aivie WordPress Plugins findest du den Abschnitt «Tracking von Formularen und Klicks».

  • Formulare und markierte Klicks an Google Tag Manager übergeben: schreibt die Events in den dataLayer
  • Formular-Schritte und markierte Klicks in Aivie speichern: erstellt Einträge in der Kontakt-Timeline

Schritt 2: Google Tag Manager einrichten

Variante A: Vorlage importieren

Die Vorlage enthält alles, was du für Formulare und Klicks brauchst: 10 Datenschichtvariablen, eine Konstante für deine Mess-ID, 2 Trigger und 2 GA4-Tags im Ordner «Aivie Tracking». Im Paket liegen zusätzlich das Google Apps Script aus Schritt 3 und eine Kurzanleitung.

  1. Lade das Paket herunter und entpacke es: aivie-tracking-setup.zip
  2. Öffne Google Tag Manager, wähle deinen Container und gehe zu Verwaltung → Container importieren (Anleitung von Google). Wähle die Datei aivie-gtm-tracking-import.json.
  3. Wähle einen neuen Arbeitsbereich, z. B. «Aivie Tracking».
  4. Wähle die Importoption «Zusammenführen» und dann «Konflikte umbenennen».
  5. Öffne die Variable Const - GA4 Measurement ID und trage deine GA4-Mess-ID (G-…) ein.
  6. Teste im Vorschaumodus (siehe Schritt 4) und veröffentliche die Container-Version.

Ersetzt der Import meine bestehenden Einstellungen? Nein, mit «Zusammenführen» bleiben deine bestehenden Tags, Trigger und Variablen unverändert. Die Vorlage ergänzt nur die neuen Elemente im Ordner «Aivie Tracking». Heisst ein Element in deinem Container zufällig gleich, aber hat einen anderen Inhalt, benennt Google Tag Manager das importierte Element um. Bevor du bestätigst, zeigt Google Tag Manager eine Vorschau mit allen Elementen, die hinzugefügt oder geändert werden. Wähle nicht «Überschreiben»: Diese Option entfernt alle bestehenden Tags, Trigger und Variablen und ersetzt sie durch die Vorlage.

Variante B: von Hand anlegen

Variablen

Lege unter Variablen → Benutzerdefinierte Variablen sechs Variablen vom Typ «Datenschichtvariable» (Version 2) an. Der Name der Datenschichtvariable entspricht jeweils dem Parameter:

  • DLV - form_name → form_name
  • DLV - form_id → form_id
  • DLV - form_title → form_title
  • DLV - form_step → form_step
  • DLV - form_steps_total → form_steps_total
  • DLV - form_step_label → form_step_label

Trigger

Erstelle einen Trigger vom Typ «Benutzerdefiniertes Ereignis»:

  • Name: CE - aivie_form
  • Ereignisname: ^aivie_form_(start|step|submit|success|error)$
  • «Übereinstimmung mit regulärem Ausdruck verwenden» aktivieren
  • Auslösen bei: «Alle benutzerdefinierten Ereignisse»

GA4-Tag

Erstelle einen Tag vom Typ «Google Analytics: GA4-Ereignis»:

  • Name: GA4 - Event - Aivie Form
  • Mess-ID: deine GA4-Mess-ID (G-…)
  • Ereignisname: {{Event}}
  • Ereignisparameter: die sechs Parameter form_name bis form_step_label, jeweils mit der passenden Variable
  • Trigger: CE - aivie_form

Veröffentliche danach eine neue Container-Version.

Schritt 3: Google Analytics 4 vorbereiten

  1. Lege unter Verwaltung → Datenanzeige → Benutzerdefinierte Definitionen Dimensionen mit dem Bereich «Ereignis» an: form_name, form_title, form_step, form_step_label und, falls du Klicks trackst, click_name. Schneller geht es mit dem Script unten.
  2. Gehe zu Verwaltung → Datenstreams, wähle deinen Web-Stream und klicke bei «Optimierte Analysen» auf das Zahnrad. Schalte «Formularinteraktionen» aus. Sonst misst GA4 zusätzlich eigene, ungenaue Formular-Events.

Lege die Dimensionen vor dem Start an. GA4 füllt sie erst ab dem Zeitpunkt, an dem sie angelegt wurden, nicht rückwirkend.

Dimensionen per Google Apps Script anlegen

  1. Öffne script.google.com und klicke auf «Neues Projekt».
  2. Klicke links bei «Dienste» auf + und füge die «Google Analytics Admin API» hinzu.
  3. Füge den Code ein und ersetze 123456789 durch deine GA4-Property-ID. Du findest sie unter Verwaltung → Property-Details. Sie ist nicht die Mess-ID G-….
  4. Führe die Funktion createAivieDimensions aus und bestätige die Berechtigung. Du brauchst mindestens die Rolle «Bearbeiter» in der Property.
const PROPERTY_ID = '123456789'; // GA4-Property-ID
const DIMENSIONS = ['form_name', 'form_title', 'form_step', 'form_step_label', 'click_name'];

function createAivieDimensions() {
  const parent = 'properties/' + PROPERTY_ID;
  const list = AnalyticsAdmin.Properties.CustomDimensions.list(parent, { pageSize: 200 });
  const existing = (list.customDimensions || []).map(d => d.parameterName);
  DIMENSIONS.forEach(name => {
    if (existing.includes(name)) { Logger.log('Existiert schon: ' + name); return; }
    AnalyticsAdmin.Properties.CustomDimensions.create(
      { parameterName: name, displayName: name, scope: 'EVENT' }, parent);
    Logger.log('Angelegt: ' + name);
  });
}

Bestehende Dimensionen überspringt das Script. Du kannst es also gefahrlos mehrmals ausführen.

Schritt 4: Testen

  1. Starte in Google Tag Manager den Vorschaumodus und öffne eine Seite mit einem Aivie-Formular.
  2. Klicke in ein Feld oder wähle eine Antwort: aivie_form_start erscheint.
  3. Gehe zur nächsten Seite: aivie_form_step erscheint mit form_step 2.
  4. Prüfe, ob der Tag GA4 - Event - Aivie Form ausgelöst wurde.

In Google Analytics siehst du die Events danach in der Echtzeitansicht. Falls in Aivie nichts erscheint, lies Wieso funktioniert mein Tracking beim Testen nicht?

Abbrüche in Google Analytics auswerten

Erstelle in Google Analytics unter Erkunden eine Trichteranalyse mit den Schritten aivie_form_start → aivie_form_step (je ein Schritt pro form_step) → aivie_form_submit → aivie_form_success. Filtere auf form_name, um ein einzelnes Formular auszuwerten. So siehst du, bei welcher Frage Besucher:innen abspringen.

Formular-Schritte in Aivie nutzen

Haben Besucher:innen dem Aivie-Tracking zugestimmt, erscheinen Start und Schritte in der Kontakt-Timeline, auch wenn das Formular nie abgeschickt wird:

  • Formular «Potentialanalyse» gestartet
  • Formular «Potentialanalyse» Schritt 2/3

Formular, Schritt und Frage sind als strukturierte Felder am Eintrag gespeichert. Für Segmente und Kampagnen nutzt du den Filter «Besuchte URL enthält», z. B. mit form_name=potentialanalyse (Alias deines Formulars) oder form_step=3. Das Absenden erfasst Aivie wie gewohnt als Formular-Eintrag.

Jeder dieser Einträge zählt in Aivie als Seitenbesuch. Prüfe deshalb Kampagnen und Punkte-Regeln mit Platzhalter-URLs wie *kontakt*. Sie greifen sonst auch bei diesen Einträgen.

Buttons und Links tracken

Das Plugin misst auch Klicks auf Buttons und Links, die du markierst:

  • Im Block-Editor: Block auswählen und rechts im Panel «Aivie Tracking» die Option «Klick tracken» aktivieren. Optional vergibst du einen Namen, z. B. «Demo anfragen – Preisseite».
  • In Menüs oder HTML: die CSS-Klasse aivie-track setzen.

Ein Klick erzeugt das Event aivie_click mit den Parametern click_id, click_name, link_text und link_url. In Aivie erscheint «Klick auf «Demo anfragen»». Die Vorlage für Google Tag Manager enthält dafür bereits den Tag GA4 - Event - Aivie Click mit eigenem Trigger. Legst du alles von Hand an, brauchst du einen zweiten GA4-Tag mit Trigger auf aivie_click und vier weiteren Datenschichtvariablen. Getrennte Tags sind nötig, weil Google Tag Manager Werte aus dem dataLayer über mehrere Events hinweg behält.

Datenschutz

  • Das Plugin überträgt nie eingegebene Werte.
  • Der dataLayer selbst setzt keine Cookies. Ob Google Analytics die Events erhält, steuert deine Consent-Lösung in Google Tag Manager.
  • Einträge in Aivie entstehen nur, wenn Besucher:innen dem Aivie-Tracking zugestimmt haben.
  • Erwähne das Formular-Tracking in deiner Datenschutzerklärung (so passt du deine Datenschutzbestimmungen an).

Für dich da.

Wir bieten dir lokalen Support und Services.

  • Wir unterstützen dich
  • Kostenloser Support per FAQ, Chat oder E-Mail. VIP Support per Video Telefonie.
  • Umgehende Support-Rückmeldung
aivie marketing automatin lokaler support adrian schimpf