Les événements suivis vous permettent de mesurer des actions spécifiques que les visiteurs effectuent sur votre site Web, telles que le clic sur un bouton, la soumission d'un formulaire ou toute autre interaction importante pour vous.

Ce qui est suivi automatiquement

Ahrefs Web Analytics suit automatiquement les événements suivants :

Clics de liens sortants – Déclenché lorsqu'un utilisateur clique sur un lien avec un href valide menant en dehors du périmètre du projet, sauf si event.preventDefault() a été appelé.
Soumissions de formulaires – Déclenché lorsqu'un formulaire avec une action valide est soumis, sauf si event.preventDefault() a été appelé.

Ces événements ne nécessitent aucune configuration et apparaîtront dans votre rapport par défaut. Vous pouvez également ajouter vos propres événements suivis pour mesurer d'autres actions spécifiques importantes pour votre site.

Types d'événements suivis

Vous pouvez suivre deux types d'événements :

Événements de consultation de page – Déclenchés lorsqu'une personne visite une page spécifique, comme une page de remerciement ou de paiement.
Événements personnalisés – Déclenchés lorsque quelqu'un interagit avec un élément de votre site, comme cliquer sur un bouton, soumettre un formulaire ou ouvrir une modal.

Événements de consultation de page

Les événements de consultation de page sont utiles pour suivre les visites sur des pages clés, comme les pages de confirmation ou de succès. Si votre site dispose d’URL dédiées aux actions finalisées, comme /thank-you ou /checkout/success, vous pouvez les définir comme événements à suivre.

Pour configurer un événement de page vue :

Ouvrez votre rapport Web Analytics pour votre projet.
Faites défiler jusqu'à la section Événements suivis et cliquez sur Nouvel événement.
Choisissez Consultation de page comme type et entrez le chemin exact de la page que vous souhaitez suivre.
Nommez l'événement pour le rendre plus facile à reconnaître et cliquez sur Créer.

Événements personnalisés

Les événements personnalisés sont utiles pour suivre des interactions comme les clics sur des boutons, les envois de formulaires ou d’autres actions qui ne chargent pas une nouvelle page. Vous pouvez les configurer en ajoutant des noms de classes spécifiques à votre code HTML.

Le moyen le plus simple de les configurer consiste à ajouter une classe au format AhrefsAnalytics-event-EventName à votre code HTML.

Exemple:

<a class="AhrefsAnalytics-event-signup" href="#">Inscription</a>

Cela permettra de suivre un événement appelé signup lorsqu’un utilisateur clique sur le lien.

Le principe est le même pour les formulaires :

<form class="AhrefsAnalytics-event-signup" action="/submit">
  ...
</form>

Cela déclenchera un événement personnalisé appelé signup lorsque le formulaire sera soumis.

Pour que l’événement personnalisé commence à apparaître dans votre rapport, vous devez également l’y ajouter :

Ouvrez votre rapport Web Analytics pour votre projet.
Faites défiler jusqu'à la section Événements suivis et cliquez sur Nouvel événement.
Choisissez Événement personnalisé comme type et entrez le nom exact de l'événement que vous avez utilisé dans votre HTML.
Nommez l'événement pour le rendre plus facile à reconnaître et cliquez sur Créer.

Déclencher des événements personnalisés via JavaScript

Pour un suivi plus précis, vous pouvez envoyer des événements personnalisés à l’aide de JavaScript. Cela vous permet de contrôler plus précisément le moment où l’événement est déclenché

L’extrait ci-dessous illustre comment procéder :

if (window.AhrefsAnalytics != null) {
  window.AhrefsAnalytics.sendEvent('signup');
}

Propriétés d’événement (facultatives)

Les propriétés d’événement vous permettent d’ajouter des informations supplémentaires à un événement suivi.
Elles sont utiles lorsque vous souhaitez ventiler un même événement par variante, formule ou autre dimension.

Exemples:

Un événement signup avec des propriétés comme plan = standard, duration = monthly
Un événement cta_click avec des propriétés comme button = header, variant = B
Un événement purchase avec des propriétés comme category = shoes, size = 42

Vous retrouverez ces propriétés ensuite dans les rapports sur les propriétés d’événement.

Remarque : les noms et les valeurs des propriétés sont traités comme des chaînes de caractères. Lorsque vous utilisez les attributs ou les noms de classes ci-dessous, les noms de propriétés ne peuvent pas contenir de tirets (-), car les tirets sont utilisés comme séparateurs.

Comment ajouter des propriétés d’événement

Il existe trois façons d’ajouter des propriétés à vos événements :

Ajouter des propriétés à chaque événement via le script de suivi.
Ajouter des propriétés à un seul événement personnalisé via des classes CSS.
Ajouter des propriétés via JavaScript (API JS).

1. Ajouter des propriétés à chaque événement (script de suivi)

Vous pouvez ajouter une propriété à tous les événements en ajoutant des attributs data-prop-NAME="VALUE" à votre balise <script> de suivi :

<script
  src="https://analytics.ahrefs.com/analytics.js"
  data-key="YOUR_DATA_KEY"
  data-prop-plan="standard"
  data-prop-duration="monthly">
</script>

Cela ajoutera plan = "standard" et duration = "monthly" à chaque événement envoyé depuis cette page.

Remarque : NAME ne peut pas contenir de tirets (-).

2. Ajouter des propriétés à un seul événement personnalisé (classes CSS)

Vous pouvez ajouter des propriétés à un événement personnalisé spécifique en utilisant des noms de classe CSS spéciaux sur l’élément qui le déclenche.

Exemple : un bouton qui déclenche un événement signup avec une propriété plan :

<div
  class="
    AhrefsAnalytics-event-signup
    AhrefsAnalytics-prop-plan-standard
  ">
  Sign up for Standard
</div>

Ici :

AhrefsAnalytics-event-signup indique au script Ahrefs Web Analytics d’envoyer un événement signup lorsqu’un utilisateur clique sur cet élément.
AhrefsAnalytics-prop-plan-standard ajoute une propriété plan = "standard" uniquement à cet événement.

Remarque : les noms de propriétés dans AhrefsAnalytics-prop-… ne peuvent pas non plus contenir de tirets (-).

3. Ajouter des propriétés via JavaScript (API JS)

Si vous déclenchez des événements via JavaScript, vous pouvez ajouter des propriétés en passant un objet comme deuxième argument à sendEvent :

if (window.AhrefsAnalytics != null) {
  window.AhrefsAnalytics.sendEvent(
    'signup',
    {
      props: {
        plan: 'standard',
        duration: 'monthly'
      }
    }
  );
}

C’est l’option la plus flexible si vous devez définir des propriétés en fonction de l’état de votre application, comme l’utilisateur connecté, la variante de test A/B, etc.

Utiliser les propriétés d’événement dans les rapports

Les propriétés d’événement ne s’affichent pas automatiquement. Une fois que vous commencez à les envoyer, vous devez les ajouter à vos rapports.

Rapport sur les propriétés d’événement

Utilisez cette option lorsque vous souhaitez obtenir une répartition par valeur de propriété.

Ouvrez le rapport Web Analytics de votre projet.
Accédez au rapport Propriétés d’événement.
Cliquez sur Nouvelle propriété.
Choisissez la propriété d’événement, donnez-lui un nom, puis cliquez sur Créer.

Vous pouvez ainsi afficher les visiteurs et les événements répartis selon chaque valeur de propriété, par exemple les inscriptions par formule, variante de bouton ou pays.

Filtrage par propriétés d’événement

Vous pouvez aussi utiliser les propriétés d’événement pour segmenter d’autres rapports.

Cliquez sur Ajouter un filtre et sélectionnez Propriété d’événement.
Choisissez la propriété et la ou les valeurs sur lesquelles vous souhaitez filtrer.

Cela vous permet d’affiner n’importe quel rapport en indiquant, par exemple, plan is standard ou variant is B. Vous pouvez ajouter plusieurs filtres de propriété pour affiner davantage le segment.

Événements suivis dans Ahrefs Web Analytics