Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Analytics Tools

Créer des événements d'élément cliqué

Dernière mise à jour: octobre 19, 2020

Disponible avec :

Hub Marketing Enterprise

Un événement d'élément cliqué enregistre lorsqu'un visiteur anonyme ou un contact HubSpot clique sur un élément spécifique de votre site web. Les événements Élément cliqué peuvent être créés de deux façons :

Remarque : l'accès à cette fonctionnalité sera toujours disponible pour les comptes HubSpot disposant d'un abonnement Hub Sales Entreprise ou Hub Services Entreprise datant d'avant le 9 janvier 2020.

Il est recommandé d'utiliser l'extension Chrome pour les événements cliqués simples tels que les liens hypertextes et les images. Pour des contenus plus complexes tels que les CTA, il est recommandé de créer l'événement manuellement.

Vous pouvez opter pour un suivi des événements d'élément cliqué dans plusieurs situations :

  • L'utilisateur a cliqué sur un CTA de démonstration gratuit.
  • L'utilisateur a cliqué sur un lien de téléchargement PDF.
  • L'utilisateur a cliqué sur une image de produit spécifique sur la page de listings des produits.

Une fois que vous avez créé vos événements, découvrez comment analyser et gérer vos événements terminés. Vous pouvez également créer des événements d'URL visitée, des événements de formulaire soumis et des événements personnalisés.

Remarque : les événements Élément cliqué peuvent être créés et suivis uniquement sur les pages disposant d'un code de suivi HubSpot installé.

Utiliser l'extension Chrome d'événement

Installer l'extension Chrome d'événement

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, accédez à Suivi et analyticsCode de suivi.
  • Cliquez sur Installer l'extension Événement Chrome.
  • Cliquez sur Télécharger.
  • Vous serez redirigé vers l'extension HubSpot Analytics dans le magasin web de Google Chrome. Dans le coin supérieur droit, cliquez sur Ajouter à Chrome.

  • Dans la boîte de dialogue, cliquez sur Ajouter l'extension.
  • Une fois l'extension installée, elle apparaîtra comme une icône d'engrenage orange sprocket dans la barre d'outils du navigateur Chrome.

Créer un événement avec l'extension d'événement Chrome

  • Accédez à une page web contenant votre code de suivi HubSpot.
  • Dans la barre d'outils du navigateur Chrome, cliquez sur l'icône d'engrenage orange sprocket.
  • Dans la boîte de dialogue, cliquez sur Rechercher un sélecteur.
  • Cliquez sur un élément sur la page pour y créer un événement Élément cliqué. Dans l'exemple ci-dessous, l'événement Élément cliqué suivra les clics sur le lien des éléments clés.

  • Dans la boîte de dialogue, le sélecteur CSS de l'élément est généré automatiquement. Saisissez un nom pour l'événement et sélectionnez Balise(s) (facultatif) pour facilement regrouper et trouver l'événement ultérieurement.
  • Cliquez sur Soumettre.

  • Après la création de l'événement, un message de confirmation apparaîtra. Cliquez sur Afficher l'événement dans HubSpot pour consulter le nouvel événement Élément cliqué dans le tableau de bord des événements.

Remarque : en fonction de la complexité du code HTML et CSS du site, l'extension d'événement Chrome peut ne pas détecter un sélecteur CSS unique pour un élément. Dans ce cas, vous devez créer manuellement l'événement ou ajouter une balise d'identification unique à l'élément.

Créer manuellement l'événement à l'aide d'un identifiant, d'une classe ou d'un sélecteur jQuery

  • Depuis votre compte HubSpot, accédez à Reports > Analytics Tools.
  • Cliquez sur Événements comportementaux.
  • Cliquez sur Créer un événement dans l'angle supérieur droit.
  • Dans la fenêtre de droite, configurez votre événement :
    • Saisissez un nom d'événement.
    • Pour regrouper et identifier facilement l'événement ultérieurement, cliquez sur le menu déroulant Balises et sélectionnez ou saisissez une balise.
    • Dans la section Type d'événement, sélectionnez Élément cliqué.
  • Cliquez sur Suivant.

  • Sélectionnez un sélecteur ID, Classe ou jQuery pour cibler un élément à suivre. Saisissez le sélecteur ID, Classe ou jQuery pertinent.
  • Saisissez l'URL de la page dans le champ URL de la page si vous souhaitez uniquement suivre l'élément en tant qu'événement sur cette page spécifique.

  • Cliquez sur Enregistrer une fois que vous avez terminé.

Comprendre et récupérer les sélecteurs d'élément

Identifiant

Un événement d'élément cliqué peut identifier un élément par son attribut d'identifiant et détecter lorsqu'il est cliqué.

Pour afficher un identifiant d'élément :

  • Cliquez avec le bouton droit de la souris sur la page contenant l'élément que vous ciblez et sélectionnez Afficher le code source de la page ou Inspecter.
  • Cliquez sur l'élément. Vous devriez pouvoir voir l'attribut d'identifiant dans la ligne du code (par ex., id="unique-element-name").
  • Copiez la valeur d'identifiant et collez-la (par ex., dans ce cas, unique-element-name) dans le champ ID sans les guillemets.
 

Classe

Un événement d'élément cliqué peut identifier un élément par son attribut de classe et détecter lorsqu'il est cliqué.

  • Cliquez avec le bouton droit de la souris sur la page contenant l'élément que vous ciblez et sélectionnez Afficher le code source de la page ou Inspecter.
  • Cliquez sur l'élément. Vous devriez pouvoir voir l'attribut de classe dans la ligne du code (par ex., class="unique-element-name").
  • Copiez la valeur de classe et collez-la (par ex., dans ce cas, unique-element-name) dans le champ Classe sans les guillemets.
 

Sélecteur jQuery

Vous pouvez également utiliser des sélecteurs jQuery complets pour cibler des éléments. Cela est utile si l'élément que vous ciblez n'a pas d'identifiant ou de classe, ou si vous devez être plus précis. En savoir plus sur les sélecteurs compatibles.