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.
Events

Créer des événements Élément cliqué

Dernière mise à jour: février 22, 2019

Disponible avec :

Marketing Hub Enterprise
Sales Hub Enterprise
Services Hub Enterprise

Les événements Élément cliqué enregistrent lorsque un visiteur anonyme ou un contact HubSpot a cliqué sur des éléments spécifiques de votre site web. Les événements Élément cliqué peuvent être créés de deux façons :

  1. Installer et utiliser l'extension d'événement Chrome
  2. Créer manuellement l'événement en utilisant un identifiant, une classe ou un sélecteur jQuery

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

Les événements Élément cliqué sont notamment utilisés quand :

  • un CTA gratuit est cliqué ;
  • un lien de téléchargement PDF est cliqué ;
  • une image de produit spécifique sur la page de listing des produits est cliquée.

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

 

Installez l'extension Chrome de l'é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 à Rapports>Code 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 du logo HubSpotdans la barre d'outils du navigateur Chrome.

 

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

  • Accédez à une page web contenant votre code de suivi HubSpot.
  • In your Chrome browser toolbar, click the orange sprocket icon 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 Étiquette(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.Puis, sélectionnez Événements.
  • Cliquez sur Créer un événementdans l'angle supérieur droit.
  • Dans la fenêtre de droite, saisissez un nom d'événement et sélectionnez Étiquettes (facultatif) pour facilement regrouper et trouver l'événement ultérieurement. Sous Type d'événement, sélectionnez Élément cliqué.
  • Cliquez sur Suivant >.

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

Identifiant

Use an element's ID attribute to detect when it is clicked. IDs appear in your HTML as id="unique-element-name". In this case, only enter unique-element-name in the ID field under Element selector.

Faites un clic droit n'importe où sur la page et sélectionnez Afficher la source de la page ou Inspecter pour déterminer l'identifiant unique de l'élément.

 

Classe

Utilisez l'attribut de classe d'un élément pour détecter lorsqu'il est cliqué. Les classes apparaissent dans le code HTML comme  classe="nom-élément".Dans ce cas, saisissez uniquement nom-élément dans le champ Classe sous Sélecteur d'élément.

Faites un clic droit n'importe où sur la page et sélectionnez Afficher la source de la page ou Inspecter pour déterminer la classe de l'élément.

Sélecteur jQuery

Vous pouvez également utiliser des sélecteurs jQuery ou CSS 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.

Dans le coin inférieur droit, cliquez sur Enregistrer pour terminer la création de l'événement Élément Élément cliqué.