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)

Suivre la conversion après un envoi réussi

Après un envoi réussi, le visiteur arrive sur la page de remerciement — propform y pousse un événement personnalisé dans le dataLayer, 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 : onload_thank_you_page

À partir de là, tu peux par exemple déclencher une balise de conversion Google Ads ou un événement du pixel Meta (fbq('track', 'Lead')).

⚠️ Il existe aussi un événement form_submit — mais il se déclenche dès le clic sur le bouton d'envoi, même si l'envoi échoue à cause d'un champ obligatoire. Pour les conversions, utilise donc onload_thank_you_page. Tous les événements en un coup d'œil : chapitre sur le suivi.

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 réagir aux événements du formulaire depuis ton site web : dès que Google Tag Manager est activé dans le formulaire, propform envoie en plus les événements du formulaire (form_onload, form_start_input, form_submit, form_abort, form_next_step, form_previous_step) à la page parente via postMessage, sous forme de chaîne JSON :

// Sur la page parente (ton site web) :
window.addEventListener('message', function (e) {
  try {
    var data = JSON.parse(e.data);
    if (data.event === 'form_submit') {
      // p. ex. déclencher ton propre suivi
    }
  } catch (err) { /* ignorer les messages étrangers */ }
});

💡 À noter : form_submit se déclenche au clic sur le bouton d'envoi. L'événement de la page de remerciement (onload_thank_you_page) ne s'exécute qu'à l'intérieur de l'iFrame dans le dataLayer — la mesure fiable des conversions doit donc se faire dans le formulaire lui-même (GTM/pixel dans les paramètres du 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