propform peut communiquer directement avec trois outils d'analyse. Ces trois outils peuvent être activés indépendamment les uns des autres dans les paramètres du formulaire.
Activez GTM dans les paramètres du formulaire et enregistrez votre ID de conteneur GTM (format GTM-XXXXXXX). propform envoie alors les événements suivants dans dataLayer :
| Événement | Quand est-il déclenché ? |
|---|---|
form_onload |
Le formulaire est chargé |
form_onpageshow |
Le formulaire est affiché (y compris au retour depuis le cache du navigateur) |
form_start_input |
Le visiteur commence sa première saisie |
form_abort |
Le visiteur quitte le formulaire après avoir commencé la saisie, sans le soumettre |
form_submit |
Le bouton d'envoi est cliqué (avant la validation côté serveur) |
form_next_step / form_previous_step |
Formulaires en plusieurs étapes : étape suivante ou précédente (avec numéros et noms d'étape) |
onload_thank_you_page |
La page de remerciement est chargée après un envoi réussi |
onpageshow_thank_you_page |
La page de remerciement est affichée (y compris depuis le cache du navigateur) |
Chaque événement contient en plus formSlug et formCustomSlug ; les événements d'étape incluent également departureStep/arrivalStep ainsi que les noms des étapes.
Dans GTM, tu peux créer des déclencheurs basés sur les événements — par exemple, envoyer une conversion à Google Ads ou un événement Lead Meta lors de onload_thank_you_page, ou un pixel de réengagement lors de form_abort.
⚠️ Utilise
onload_thank_you_pagepour les conversions :form_submitse déclenche dès le clic sur le bouton d'envoi — y compris lorsque l'envoi échoue, par exemple à cause d'un champ obligatoire. Un visiteur n'atteint en revanche la page de remerciement qu'après un envoi enregistré avec succès.
Active dans les paramètres d'un champ l'option « Transmettre la valeur aux événements de suivi » — la valeur actuelle du champ est alors jointe à l'événement form_submit lors de l'envoi (dans le dataLayer et dans le postMessage vers la page parente), sous la clé trackingFields.<nomduchamp> :
trackingFields.ind_Stelle_123.value = ind_Schl_5905 et trackingFields.ind_Stelle_123.label = Sales Manager (m/w/d)valueDans GTM, tu y accèdes via des variables de couche de données (p. ex. trackingFields.ind_Stelle_123.value) et tu les joins à tes balises comme paramètres d'événement. Cas d'utilisation typique : un formulaire de candidature avec sélection du poste — le suivi voit à quel poste la candidature a été envoyée.
⚠️ Protection des données : ne coche pas de champs contenant des données personnelles (nom, e-mail, téléphone…) sans le consentement des visiteurs — les valeurs sont transmises à ton gestionnaire de balises et, le cas échéant, à ses destinataires.
> 💡 Suivi des étapes multi-étapes : pour chaque champ de rupture, tu peux attribuer un nom d'étape dans l'éditeur de champs (par exemple « Étape 2 : coordonnées »). Celui-ci est enregistré dans les événements form_next_step/form_previous_step et permet un suivi détaillé de l'entonnoir de conversion.
Activez le pixel Facebook dans les paramètres du formulaire et enregistrez votre ID de pixel (le numéro à 15–16 chiffres du Gestionnaire d'événements Meta). propform charge alors le code de base Meta directement dans le formulaire et déclenche un événement PageView à chaque consultation de page — aussi bien sur le formulaire lui-même que sur la page de remerciement après un envoi réussi.
La page de remerciement possède sa propre URL, qui se termine par /thankyou. Crée dans le Gestionnaire d'événements Meta une conversion personnalisée :
thankyouCette conversion comptabilise exactement les envois réussis et peut être sélectionnée comme objectif de conversion dans tes ensembles de publicités.
💡 Tu veux l'événement standard
Lead? (par exemple pour des audiences similaires ou l'optimisation des campagnes sur « Lead ») : utilise pour cela Google Tag Manager — le code de base Meta comme balise HTML personnalisée sur toutes les pages, plus une balise avecfbq('track', 'Lead');déclenchée par l'événement personnaliséonload_thank_you_page. Dans ce cas, n'active pas en plus l'interrupteur pixel propre à propform, sinonPageViewse déclenchera deux fois.
Activez Etracker et enregistrez votre code de compte Etracker. Pratique si vous utilisez déjà Etracker pour votre site principal et que vous souhaitez que les événements de formulaire soient intégrés dans le même reporting.
track-submit pour le suivi des conversions en plusieurs étapesDans les formulaires en plusieurs étapes, le bouton de soumission final porte en plus la classe CSS track-submit — les boutons Suivant/Précédent entre les étapes ne l'ont pas.
Cela te permet, dans ta configuration Etracker (ou d'autres outils de suivi), de ne compter que le véritable clic de conversion, sans interpréter à tort les clics de navigation :
// Beispiel: Etracker-Event nur am finalen Submit
document.querySelector('.track-submit')?.addEventListener('click', function() {
_etracker.sendEvent(new et_UserDefinedEvent('FormConversion', 'Anfrage', 'Submit', null));
});
> 💡 Pour les formulaires à page unique, track-submit est également présent — le sélecteur fonctionne de manière universelle.
Les formulaires propform ne comportent délibérément aucune bannière de consentement aux cookies. Si tu actives le suivi (que ce soit via GTM, Pixel ou Etracker), tu es, en tant qu'exploitant du formulaire, responsable de t'assurer que les visiteurs ont donné leur consentement.
Solution pratique :