Dans votre plateforme d'analyse et de publicité, vous pouvez mesurer les soumissions réussies de formulaires Cognito comme des conversions. Cela est possible en utilisant Google Tag Manager en combinaison avec l'event listener Cognito ci-dessous :
<script>
Cognito.on('beforeSubmit', function(event) {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'cognito_form_submit_button',
'form_id': event.data.entry.Form.Id,
'form_name': event.data.entry.Form.Name,
'email': event.data.entry.Email,
'name': event.data.entry.Name,
'phone': event.data.entry.Phone
});
});
Cognito.on('beforeSubmit', function(event) {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'cognito_form_success',
'form_id': event.data.entry.Form.Id,
'form_name': event.data.entry.Form.Name,
'email': event.data.entry.Email,
'name': event.data.entry.Name,
'phone': event.data.entry.Phone
});
});
</script>
Cela vous permet de suivre spécifiquement les soumissions réussies comme des conversions dans vos outils d'analyse, y compris des plateformes comme Google Analytics (GA4), Piwik Pro, et votre plateforme publicitaire de choix.
Avant de plonger dans les instructions sur l'utilisation de l'event listener Cognito dans Google Tag Manager, il est important de noter que le code JavaScript fonctionne parfaitement pour les formulaires Cognito intégrés. Une approche alternative est nécessaire si vous utilisez l'intégration via iframe.
Le processus d'implémentation est simple et commence par la création d'une balise HTML personnalisée dans Google Tag Manager. Copiez le code du event listener Cognito, collez-le dans la balise, et associez-y un déclencheur de type "PageView" ou "DOM-ready".
L'étape suivante consiste à créer un déclencheur d'événement personnalisé qui se déclenche exclusivement lors de soumissions réussies de formulaires, avec le nom d'événement cognito_form_success.
L'événement du dataLayer génère également un événement nommé cognito_form_submit_button, déclenché après que l’utilisateur ait cliqué sur le bouton “Submit” mais avant que le formulaire ne soit envoyé aux serveurs Cognito. Cela offre une méthode alternative pour suivre les soumissions réussies ainsi que les soumissions de formulaires Cognito contenant des erreurs.
Ensuite, créez des variables du dataLayer pour capturer les informations suivantes disponibles dans chaque push du dataLayer :
[form_id] –> Collecte l’ID du formulaire Cognito.
[form_name] –> Capture le nom du formulaire Cognito.
[email] –> Stocke l'email fourni par l’utilisateur lors de la soumission du formulaire.
[name] –> Permet d’accéder au nom (prénom, nom de famille, etc.) fourni, à condition que le champ existe et ait été rempli par l’utilisateur au moment de la soumission.
[phone] –> Stocke le numéro de téléphone fourni par l’utilisateur lors de la soumission du formulaire.
Ensuite, vous pouvez activer vos balises/pixels de conversion marketing via l'événement personnalisé que vous avez créé pour les soumissions réussies de formulaires Cognito cognito_form_success.
De plus, implémentez vos balises d’événements et de conversions d’analyse, telles que les balises d’événements Google Analytics (GA4), Piwik Pro, Mixpanel, les pixels Google Ads, les balises LinkedIn Insight, le pixel Meta, etc.
Assurez-vous de tester minutieusement votre configuration avant de la finaliser et de la publier.