Comment créer des événements Élément cliqué ?

Dernière mise à jour: March 7, 2018

Un événement Élément cliqué signifie qu'un visiteur anonyme ou un contact HubSpot a cliqué sur un élément précis de votre site web. Il existe deux manières de créer un événement Élément cliqué :

  • Avec le bookmarklet
  • Manuellement, à l'aide d'un sélecteur ID, Class ou jQuery

Pour les événements simples, comme les clics sur un lien, il est recommandé d'utiliser le bookmarklet Événements. Pour le contenu complexe, comme des images et des CTA, il est recommandé de créer un événement manuellement. Les deux méthodes de création d'événements sont décrites dans cet article.

Voici quelques exemples d'utilisation des événements Élément cliqué :

  • Un visiteur clique sur un CTA pour demander une démonstration gratuite
  • Un visiteur télécharge un PDF
  • Un visiteur clique sur l'image spécifique d'un produit sur la page de listing de vos produits
Remarque : un événement Élément cliqué peut être uniquement créé et suivi sur les pages intégrant le code de suivi HubSpot (qu'elles soient externes ou hébergées sur HubSpot).

Créer un événement Élément cliqué avec le bookmarklet Événements

Pour utiliser le bookmarklet Événements, il faut d'abord l'installer dans votre navigateur. Pour installer le bookmarklet, accédez à Rapports > Événements > Installer le bookmarklet. Pour obtenir des instructions détaillées sur l'installation et l'utilisation du bookmarklet pour la création d'événements, veuillez cliquer ici.

HubSpot Help article screenshot

Une fois le bookmarklet installé et l'événement créé, cet événement apparaît sous Rapports > Événements.

Si le balisage HTML de votre site web est complexe, il est possible que le bookmarklet ne parvienne pas à détecter de sélecteur unique pour l'élément visé. Dans ce cas, veuillez créer manuellement l'événement en suivant les instructions ci-dessous.

Créer manuellement un événement Élément cliqué avec un sélecteur ID, Class ou jQuery

Suivez les instructions ci-dessous pour créer manuellement un événement Élément cliqué.

Accéder à Événements

Sur le tableau de bord HubSpot, accédez à Rapports > Événements.

HubSpot Help article screenshot

Créer un nouvel événement

Cliquez sur Créer un nouvel événement, à droite de l'écran.

HubSpot Help article screenshot

Donner un nom à l'événement et sélectionner son type

Cliquez sur le nom ou sur l'icône Crayon pour donner un nom à votre événement, puis sélectionnez le type d'événement voulu en cliquant sur le menu déroulant Suivre un type d'événement.

Sélectionnez Élément cliqué.

HubSpot Help article screenshot

Sélectionner le sélecteur correspondant à l'élément visé

Choisissez le sélecteur correspondant à l'élément que vous souhaitez suivre (ID, Classe ou jQuery complet).

HubSpot Help article screenshot

ID

Pour détecter les clics sur un élément, vous pouvez utiliser l'attribut ID. Dans le code HTML, les sélecteurs ID apparaissent sous la forme id="nom-unique". Si vous ne connaissez pas l'attribut ID de l'élément visé, faites un clic droit sur le navigateur, puis sélectionnez Afficher la source ou Inspecter l'élément.

HubSpot Help article screenshot

Dans l'exemple ci-dessus, le CTA peut être sélectionné en saisissant home-marquee-link-cta dans le champ ID.

HubSpot Help article screenshot

Classe

Pour détecter les clics sur un élément, vous pouvez utiliser un attribut Classe. Dans le code HTML, les classes apparaissent sous la forme classe="nom-de-la-classe". Si vous ne connaissez pas l'attribut Classe de l'élément visé, faites un clic droit sur le navigateur, puis sélectionnez Afficher la source ou Inspecter l'élément.

HubSpot Help article screenshot

Dans l'exemple ci-dessus, le CTA peut être sélectionné en saisissant badge dans le champ Classe.

HubSpot Help article screenshot

Sélecteur jQuery complet

Il est aussi possible de suivre des éléments à l'aide de sélecteurs complets. Les sélecteurs jQuery ou CSS complets sont utiles quand aucun attribut de classe ou ID n'est disponible, ou pour cibler un élément très précis. Pour en savoir plus sur les sélecteurs compatibles, cliquez ici.

HubSpot Help article screenshot

Dans l'exemple ci-dessus, l'élément ne disposant pas d'attribut Class ni d'ID, le lien a été ciblé à l'aide d'un sélecteur qui tient compte des balises d'ancrage de l'URL visée.

HubSpot Help article screenshot

URL de la page (facultatif)

Pour suivre un élément en tant qu'événement sur une page spécifique, indiquez son URL dans ce champ.

HubSpot Help article screenshot

Ajouter une valeur de conversion (facultatif)

Si une valeur monétaire est associée à l'élément suivi, il est possible de la comptabiliser en cochant la case Utiliser une valeur de conversion.

Les valeurs associées à l'événement Élément cliqué seront comptabilisées sous la propriété par défaut Chiffre d'affaires dans le groupe des propriétés analytics des contacts. Pour en savoir plus sur cette fonctionnalité, veuillez consulter cet article.

HubSpot Help article screenshot

Libeller l'événement

Ajoutez des libellés personnalisés à votre événement pour l'identifier et le suivre facilement.

HubSpot Help article screenshot

Créer l'événement

Une fois l'événement configuré, cliquez sur Créer l'événement, en bas de la page.

HubSpot Help article screenshot

Article précédent:

Article suivant: