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_view |
Le formulaire est ouvert |
form_start_input |
Le visiteur commence à saisir du texte / clique sur le premier champ |
form_abort |
Le visiteur quitte le formulaire sans le soumettre |
form_submit |
Le formulaire a été soumis avec succès |
multistep_step |
En cas de formulaire en plusieurs étapes : changement d'étape (nom de l'étape configurable par champ de saut) |
Dans GTM, tu peux créer des déclencheurs basés sur les événements — par exemple, envoyer une conversion à Google Ads lors de form_submit, ou un pixel de réengagement lors de form_abort.
> 💡 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 l'événement multistep_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 (numéro à 15 chiffres). Les événements standard sont déclenchés automatiquement — par exemple Lead lors de l'envoi du formulaire.
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 :