Comment configurer le tracking des événements Google Analytics pour un formulaire d’inscription

Objectif de cet article

Découvrez comment configurer le tracking des événements Google Analytics pour vos formulaires d’inscription Klaviyo afin d’obtenir des insights sur les actions importantes des utilisateurs avec vos formulaires. Vous pouvez mesurer l’activité des formulaires en marquant les événements Klaviyo (par ex. form_open, form_close, form_submit) comme des conversions dans Google Analytics. Configurez cela en suivant ce processus en 2 étapes :

1. Ajoutez un extrait de code à votre site web pour envoyer les données du formulaire d’inscription Klaviyo à Google Analytics.
2. Marquez vos événements comme des conversions dans Google Analytics.

Avant de commencer

La configuration du tracking des événements pour vos formulaires d’inscription dans Google Analytics nécessite de coller un extrait de code sur votre site. Si vous n’êtes pas à l’aise avec le fait de coller du code et que vous n’avez pas de développeur pour vous aider, Klaviyo dispose d’un vaste réseau de partenaires dans notre répertoire des partenaires. 

Suivre les inscriptions envoyées via un formulaire Klaviyo

Vous pouvez suivre l’activité des formulaires Klaviyo dans Google Analytics en ajoutant un écouteur d’événements à l’événement klaviyoForms, puis en exécutant différents appels de tracking GA pour chaque type d’événement. Ce code doit être collé dans le fichier de thème principal de votre site.

• Si vous utilisez Shopify, collez l’extrait de code dans votre fichier theme.liquid sur une nouvelle ligne au-dessus du tag </body> de fermeture. Notez que si vous utilisez des pages produit personnalisées, vous devrez peut-être ajouter cet extrait de code à un autre fichier de thème ou à vos pages produit personnalisées individuelles.
• Si vous utilisez Shopify 2.0, ajoutez le code à un bloc Liquid personnalisé.
• Si vous utilisez BigCommerce, accédez à Vitrine > Scripts de pied de page depuis votre panneau d’administration BigCommerce, puis collez l’extrait de code dans le champ de code du pied de page sur une nouvelle ligne.

Ci-dessous se trouve le code générique pour le tracking de tous les types d’événements klaviyoForms dans Google Analytics. Ce code doit également être utilisé si vous utilisez gtag.js pour charger Google Analytics :

<script>
  window.addEventListener("klaviyoForms", function(e) { 
    if (e.detail.type == 'open' || e.detail.type == 'embedOpen') {
      gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'submit') {
      gtag('event', 'form_submit', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'stepSubmit') {
      gtag('event', 'form_step_submit', {'form': 'Klaviyo form', 'step_name': e.detail.metaData.$step_name});
    }
    if (e.detail.type == 'redirectedToUrl') {
      gtag('event', 'form_url_redirect', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'close') {
      gtag('event', 'form_close', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
  });
</script>

Si vous souhaitez suivre différentes versions de formulaire ou des variantes, modifiez votre extrait de code pour

gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId, 'form_version_id': e.detail.formVersionId })

avec le form_id pertinent à la place

gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId })

Si vous effectuez le tracking des envois de formulaire pour un formulaire à plusieurs étapes, notez qu’un seul événement submit se déclenchera à chaque fois que le formulaire est rempli. L’événement d’envoi sera déclenché dans les circonstances suivantes :

• Pour les formulaires avec des actions d’abonnement par e-mail ou SMS, l’envoi d’un e-mail ou d’un numéro de téléphone déclenche un événement d’envoi.
• Pour les formulaires contenant des champs d’adresse e-mail et de SMS sur plusieurs étapes, l’envoi du premier champ qui apparaît dans le formulaire déclenche un événement d’envoi.
• Pour les formulaires sans action d’abonnement par e-mail ou par SMS (p. ex., un formulaire contenant uniquement des champs de texte), cliquer sur un bouton dont l’ Action est définie sur Submit Form déclenche un évènement d’envoi.

L’événement stepSubmit se déclenchera lorsque chaque étape sera envoyée.

Testez votre code de tracking

Une fois que vous avez installé le code de tracking sur votre site, vous pouvez le tester pour vous assurer que les données sont suivies. Pour tester votre code :

1. Accédez à votre site web et interagissez avec votre formulaire (par exemple, envoyez-le ou fermez-le).
2. Ouvrez Google Analytics et ouvrez Rapports > Temps réel.
3. Sous Nombre d’événements par nom d’événement, vous devriez voir une ventilation des données que votre formulaire a suivies. Les indicateurs pour chaque événement doivent refléter un nombre exact en fonction de l’action que vous avez effectuée (par exemple, si vous avez fermé le formulaire, cela apparaîtra dans le Nombre d’événements pour form_close).

Si vous ne voyez pas vos événements, assurez-vous que Google Analytics est correctement configuré et que l’extrait de code que vous avez utilisé est correct. Notez également que vos événements ne seront visibles dans Realtime que pendant 30 minutes. Pour en savoir plus, consultez le rapport Realtime [GA4].

Configurez les événements à marquer comme des conversions

Après avoir configuré le tracking des nouveaux événements d’inscription dans Google Analytics, vous pouvez configurer les événements correspondants afin qu’ils soient marqués comme des conversions, ce qui vous aide à suivre la manière dont les utilisateurs interagissent avec vos formulaires.

Dans le tableau des événements existants de Google Analytics (administrateur > événements), basculez le commutateur sur Marquer comme conversion pour tous les événements que vous souhaitez suivre. Si un événement ne figure pas dans la liste existante, vous devrez créer un nouvel événement et le marquer comme conversion. Si vous souhaitez que votre événement soit marqué comme une conversion uniquement lorsqu’une certaine condition est respectée (par exemple, un identifiant de formulaire spécifique), vous devez configurer une conversion en fonction des valeurs des paramètres de votre événement.

Lorsque vous marquez un événement comme une conversion, Google Analytics enregistrera une conversion chaque fois qu’il verra votre event_name (par exemple, form_open). Suivez les conversions à partir des données de votre formulaire Klaviyo dans le rapport des conversions.