propform kann mit drei Analytics-Tools direkt sprechen. Alle drei sind unabhängig voneinander aktivierbar in den Formulareinstellungen.
Aktiviere GTM in den Formulareinstellungen und hinterlege deine GTM-Container-ID (Format GTM-XXXXXXX). propform pusht dann folgende Events in den dataLayer:
| Event | Wann ausgelöst? |
|---|---|
form_view |
Formular wird aufgerufen |
form_start_input |
Besucher beginnt zu tippen / klickt das erste Feld an |
form_abort |
Besucher verlässt das Formular ohne Absenden |
form_submit |
Formular wurde erfolgreich abgesendet |
multistep_step |
Bei Multi-Step: Schritt-Wechsel (Step-Name pro Umbruch-Feld konfigurierbar) |
In GTM kannst du Trigger basierend auf den Events anlegen — z.B. eine Conversion an Google Ads schicken bei form_submit, oder ein Re-Engagement-Pixel bei form_abort.
💡 Multi-Step-Schritt-Tracking: Pro Umbruch-Feld kannst du im Feld-Editor einen Step-Namen vergeben (z.B. „Step 2: Kontaktdaten"). Dieser landet im
multistep_step-Event und ermöglicht detailliertes Funnel-Tracking.
Aktiviere Facebook Pixel in den Formulareinstellungen und hinterlege deine Pixel-ID (15-stellige Zahl). Standard-Events werden automatisch ausgelöst — z.B. Lead bei Formularabsendung.
Aktiviere Etracker und hinterlege deinen Etracker-Account-Code. Praktisch, wenn du eh schon Etracker für deine Hauptseite nutzt und Formular-Events ins gleiche Reporting laufen sollen.
track-submit für Multi-Step-Conversion-TrackingBei Multi-Step-Formularen trägt der finale Submit-Button zusätzlich die CSS-Klasse track-submit — die Weiter-/Zurück-Buttons zwischen den Schritten haben sie nicht.
Damit kannst du in deiner Etracker-Konfiguration (oder anderen Tracking-Tools) gezielt nur den echten Conversion-Klick zählen, ohne die Navigations-Klicks zu missdeuten:
// Beispiel: Etracker-Event nur am finalen Submit
document.querySelector('.track-submit')?.addEventListener('click', function() {
_etracker.sendEvent(new et_UserDefinedEvent('FormConversion', 'Anfrage', 'Submit', null));
});
💡 Bei Single-Page-Formularen ist
track-submitebenfalls vorhanden — der Selector funktioniert universell.
propform-Formulare haben bewusst keinen Cookie-Consent-Banner. Wenn du Tracking aktivierst (egal ob GTM, Pixel oder Etracker), bist du als Formularbetreiber dafür verantwortlich, dass eine entsprechende Einwilligung der Besucher vorliegt.
Praktische Lösung: