Suivi dans un formulaire intégré (iFrame)

Si tu intègres ton formulaire dans ton site web via un iFrame et que tu souhaites suivre les conversions (Google Tag Manager, Facebook Pixel, Etracker, etc.), le fonctionnement est légèrement différent de celui d'un formulaire de site web classique. Voici les questions les plus fréquentes.

Où s'exécute le script de suivi — sur ma page ou dans l'iFrame ?

Les deux sont possibles — et les deux méthodes présentent des avantages différents :

Suivi sur votre page (en dehors de l'iFrame) : suit la consultation de la page du formulaire, mais ne suit pas automatiquement l'envoi du formulaire (car l'envoi s'effectue à l'intérieur de l'iFrame).
Suivi dans le formulaire (à l'intérieur de l'iFrame, depuis propform) : suit l'envoi de manière fiable, car le code s'exécute directement avec le formulaire.

Recommandation : placez les scripts de suivi directement dans le formulaire propform. Vous trouverez les champs dans les paramètres du formulaire → Suivi :

Google Tag Manager (ID du conteneur)
Facebook Pixel (ID)
Etracker (ID du compte)
Snippet HTML personnalisé universel

Suivre la conversion après un envoi réussi

propform déclenche un événement personnalisé après un envoi réussi, que votre conteneur GTM peut détecter. Exemple de déclencheur dans GTM :

Type de déclencheur : Événement personnalisé
Nom de l'événement : propform_submitted

À partir de là, tu peux par exemple déclencher une balise de conversion Google Ads ou un événement Pixel.

Cross-Origin : mon suivi sur le site web ne détecte pas l'envoi de l'iFrame

C'est normal et inévitable — par défaut, les navigateurs bloquent l'accès en lecture aux données entre des cadres appartenant à des domaines différents.

Solutions de contournement :

Intégrer le suivi directement dans le formulaire (voir ci-dessus) — solution la plus propre
Si tu souhaites vraiment réagir à l'envoi depuis ton site web : propform envoie, sur demande, une notification postMessage à la page parente. Envoyez-nous un bref message à hello@propform.io, nous l'activerons pour votre formulaire.

Transmettre les paramètres URL de la page parente à l'iFrame

Si l'URL de votre site web comporte ses propres paramètres URL (par exemple ?region=berlin&kampagne=spring2026) et que vous souhaitez les préremplir dans le formulaire intégré, propform s'en charge automatiquement :

Les paramètres de l'URL parent sont transmis à l'iFrame
Dans le formulaire, ils fonctionnent comme des paramètres d'URL classiques (par exemple, ?address[region]=berlin remplit le champ « Région d'adresse »)

Conditions préalables :

L'option « Autoriser le préremplissage avec des paramètres d'URL » est activée pour les champs concernés dans le formulaire propform
Les noms des paramètres respectent la convention propform (?modul[feld]=wert)

Cas d'utilisation : Page de destination avec ?region=berlin → le formulaire de demande intégré remplit automatiquement le champ « Région » → l'utilisateur n'a pas besoin de le sélectionner à nouveau.

> 💡 Si le transfert ne fonctionne pas dans votre configuration (ancien code d'intégration, script wrapper personnalisé) : envoyez un bref e-mail à hello@propform.io — nous vérifierons votre snippet iFrame.

Consentement aux cookies / RGPD

> ⚠️ Important : dès que vous activez le suivi, vous êtes, en tant qu'exploitant du formulaire, responsable de la conformité au RGPD. Cela signifie que le consentement du visiteur doit être obtenu avant l'installation de cookies de suivi.

Pour en savoir plus, consulte le chapitre sur le suivi et le chapitre sur la protection des données.

Les webhooks comme alternative au suivi par navigateur

Si vous souhaitez réagir côté serveur à chaque envoi réussi (par exemple, pour comptabiliser une conversion dans vos statistiques CRM), utilisez plutôt des webhooks — cette méthode est plus fiable que le suivi par navigateur, car elle ne dépend pas des bloqueurs de publicités ni du consentement aux cookies.

📖 Pour en savoir plus : Webhooks