Tracking im eingebetteten Formular (iFrame)

Wenn du dein Formular per iFrame in deine Website einbettest und Conversions tracken willst (Google Tag Manager, Facebook Pixel, Etracker etc.), ist die Mechanik etwas anders als bei einem normalen Website-Formular. Hier die häufigsten Fragen.

Wo läuft das Tracking-Script — auf meiner Seite oder im iFrame?

Beides ist möglich — und beide Wege haben unterschiedliche Stärken:

• Tracking auf deiner Seite (außerhalb des iFrames): trackt den Seitenaufruf der Formular-Seite, aber nicht automatisch das Absenden des Formulars (weil das Submit innerhalb des iFrames passiert).
• Tracking im Formular (innerhalb des iFrames, von propform aus): trackt das Absenden zuverlässig, weil der Code direkt mit dem Formular läuft.

Empfehlung: Tracking-Skripte direkt im propform-Formular hinterlegen. Du findest die Felder in den Formulareinstellungen → Tracking:

• Google Tag Manager (Container-ID)
• Facebook Pixel (ID)
• Etracker (Account-ID)

Conversion nach erfolgreicher Absendung tracken

Nach erfolgreicher Absendung landet der Besucher auf der Danke-Seite — dort pusht propform ein Custom-Event in den dataLayer, auf das dein GTM-Container hören kann. Beispiel-Trigger im GTM:

• Trigger-Typ: Benutzerdefiniertes Ereignis (Custom Event)
• Event Name: onload_thank_you_page

Daraus kannst du dann z.B. ein Google Ads Conversion-Tag oder ein Meta-Pixel-Event (fbq('track', 'Lead')) auslösen.

⚠️ Es gibt auch ein Event form_submit — das feuert aber schon beim Klick auf den Absende-Button, auch wenn die Absendung an einem Pflichtfeld scheitert. Für Conversions daher onload_thank_you_page verwenden. Alle Events im Überblick: Tracking-Kapitel.

Cross-Origin: Mein Tracking auf der Website sieht das iFrame-Submit nicht

Das ist normal und nicht zu umgehen — Browser blockieren standardmäßig Daten-Lese-Zugriff zwischen Frames mit unterschiedlichen Domains.

Workarounds:

• Tracking direkt im Formular einbauen (siehe oben) — sauberste Lösung
• Wenn du aus deiner Website heraus auf Formular-Ereignisse reagieren willst: Sobald Google Tag Manager im Formular aktiviert ist, sendet propform die Formular-Events (form_onload, form_start_input, form_submit, form_abort, form_next_step, form_previous_step) zusätzlich per postMessage als JSON-String an die Eltern-Seite:

// Auf der Eltern-Seite (deiner Website):
window.addEventListener('message', function (e) {
  try {
    var data = JSON.parse(e.data);
    if (data.event === 'form_submit') {
      // z.B. eigenes Tracking auslösen
    }
  } catch (err) { /* fremde Messages ignorieren */ }
});

💡 Beachte: form_submit feuert beim Klick auf den Absende-Button. Das Danke-Seiten-Event (onload_thank_you_page) läuft nur innerhalb des iFrames im dataLayer — die zuverlässige Conversion-Messung gehört daher ins Formular selbst (GTM/Pixel in den Formulareinstellungen).

URL-Parameter von der Eltern-Seite ans iFrame weiterreichen

Wenn deine Website-URL eigene URL-Parameter hat (z.B. ?region=berlin&kampagne=spring2026) und du diese ins eingebettete Formular vorausfüllen willst, übernimmt propform das automatisch:

• Die Parameter aus der Eltern-URL werden an das iFrame weitergereicht
• Im Formular greifen sie wie reguläre URL-Parameter (z.B. ?address[region]=berlin füllt das Adress-Region-Feld)

Voraussetzungen:

• Die jeweiligen Felder im propform-Formular haben „Vorausfüllung mit URL-Parametern erlauben" aktiviert
• Die Parameter-Namen entsprechen der propform-Konvention (?modul[feld]=wert)

Use-Case: Landing-Page mit ?region=berlin → eingebettetes Anfrage-Formular füllt das Region-Feld automatisch vor → User braucht es nicht erneut auszuwählen.

💡 Falls die Weiterreichung in deinem Setup nicht greift (älterer Embed-Code, Custom-Wrapper-Skript): kurze Mail an hello@propform.io — wir prüfen deinen iFrame-Snippet.

Cookie-Consent / DSGVO

⚠️ Wichtig: Sobald du Tracking aktivierst, bist du als Formular-Betreiber für die DSGVO-Konformität verantwortlich. Das heißt: Vor dem Setzen von Tracking-Cookies muss die Einwilligung des Besuchers eingeholt werden.

Mehr dazu im Tracking-Kapitel und im Datenschutz-Kapitel.

Webhook als Alternative zum Browser-Tracking

Wenn du server-seitig auf jede erfolgreiche Absendung reagieren willst (z.B. Konversion in deiner CRM-Statistik zählen), nutze stattdessen Webhooks — das ist zuverlässiger als Browser-Tracking, weil es nicht von Adblockern oder Cookie-Consent abhängt.

📖 Mehr dazu: Webhooks