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)
• Universelles Custom-HTML-Snippet

Conversion nach erfolgreicher Absendung tracken

propform feuert nach erfolgreicher Absendung ein Custom-Event ab, auf das dein GTM-Container hören kann. Beispiel-Trigger im GTM:

• Trigger-Typ: Custom Event
• Event Name: propform_submitted

Daraus kannst du dann z.B. ein Google Ads Conversion-Tag oder ein Pixel-Event auslösen.

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 wirklich aus deiner Website heraus auf das Submit reagieren willst: propform sendet auf Wunsch eine postMessage-Benachrichtigung an die Eltern-Seite. Schreib uns kurz an hello@propform.io, wir aktivieren das für dein Formular.

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