Ignorer et passer au contenu principal
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 comportementaux personnalisés sans code (BÊTA)

Dernière mise à jour: septembre 5, 2022

Disponible avec :

Marketing Hub Entreprise

Les événements comportementaux personnalisés permettent de suivre les informations propres à votre entreprise. L'élément cliqué et les événements d'URL visitée peuvent être créés sans code avec l'extension HubSpot Chrome.

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. Par exemple, suivez les clics sur un CTA de démonstration gratuit ou un lien de téléchargement PDF. Les événements Élément cliqué peuvent être créés et suivis uniquement sur les pages sur lesquelles un code de suivi HubSpot est installé. Les événements URL visitée s'enregistrent lorsqu'un visiteur anonyme ou un contact HubSpot visite une URL spécifique sur votre site web.

Remarque :

  • Les instructions contenues dans cet article concernent le nouvel outil d'événements comportementaux personnalisés, qui remplace l'outil précédent. Tous les événements créés dans l'outil hérité continueront de fonctionner et vous pourrez toujours les gérer et les analyser dans cet outil.
  • Les événements hérités ne peuvent pas être migrés vers l'outil de nouveaux événements. Il est recommandé de recréer vos événements hérités dans le nouvel outil, car de nouveaux événements personnalisés offrent plus de flexibilité par rapport aux propriétés d'événement. Par exemple, les événements hérités nécessitent que vous créiez plusieurs événements pour suivre des campagnes distinctes. Désormais, un seul événement comportemental personnalisé peut suivre plusieurs campagnes.

 

Les événements URL et éléments cliqués visités peuvent être créés en installant et en utilisant l'extension HubSpot Chrome pour les événements cliqués simples tels que les liens hypertextes et les images.

Une fois que vous avez créé vos événements, découvrez comment les analyser dans l'outil d'analytics et de reporting. Vous pouvez également créer et suivre manuellement des événements personnalisés.

Créer des événements avec l'extension Chrome

Installer l'extension Événement Chrome

  • Depuis votre compte HubSpot, accédez à settings l'icône Paramètres dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, accédez à Suivi et analytics 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 sprocket dans la barre d'outils du navigateur Chrome.

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

  • 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.
  • Dans la boîte de dialogue, sélectionnez URL visitée, puis cliquez sur Suivant.

  • Ajoutez le nom de votre événement et éventuellement une description. Cliquez sur Suivant.
  • Cliquez sur Ajouter pour ajouter une page. Vous pouvez ajouter plusieurs pages à un seul événement. 
  • Saisissez l'URL dont vous souhaitez suivre les visites dans le champ URL de la page.
  • Dans le champ Nom, saisissez un nom pour la page. Ce nom sera disponible dans les données de propriété de l'événement sous la propriété nommée Tracking Name (Nom de suivi).
  • Cliquez sur Créer un événement.

HubSpot commencera alors à suivre l'événement. Découvrez comment analyser l'événement dans HubSpot.

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

  • Accédez à une page web contenant votre code de suivi HubSpot.
  • Dans la barre d'outils du navigateur Chrome, cliquez sur l'icône sprocket (roue dentée).
  • Dans la boîte de dialogue, sélectionnez Élément cliqué.

  • Cliquez sur Suivant
  • Ajoutez le nom de votre événement et éventuellement une description. Cliquez sur Suivant.
  • Pour sélectionner un élément à suivre sur la page, cliquez sur Ajouter.  Sélectionnez un élément sur la page à suivre. Vous pouvez ajouter plusieurs éléments cliqués à un seul événement. 
  • Cliquez sur un élément sur la page pour y créer un événement Élément cliqué (Clicked Element Event) (Élément cliqué (É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'élément que vous suivez. Ce nom sera disponible dans les données de propriété de l'événement sous la propriété nommée Tracking Name (Nom de suivi). Ajoutez éventuellement une description, puis cliquez sur Suivant.
  • Pour continuer à ajouter des éléments supplémentaires à votre événement, cliquez sur Ajouter et sélectionnez un autre élément.
  • Pour terminer et enregistrer votre événement.

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 modifier le sélecteur. Découvrez comment trouver des identifiants sur une page de site web.

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

HubSpot commencer Découvrez comment analyser l'événement dans HubSpot

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

Vous pouvez identifier un élément par son ID HTML, sa classe HTML ou à l'aide d'un sélecteur jQuery.

  • ID HTML : saisissez l'ID de l'élément que vous souhaitez suivre. Par exemple, si votre élément cliqué est configuré <button id="log-in">comme, vous saisiriez log-in.
  • Classe HTML : saisissez la classe de l'élément que vous souhaitez suivre. Par exemple, si votre élément cliqué est configuré comme <button class="bigCTA">, vous saisiriez bigCTA.
  • sélecteur jQuery : saisissez le sélecteur jQuery de l'élément que vous souhaitez suivre.

Identifiant

Pour rechercher et utiliser 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 HTML sans les guillemets. Par exemple, pour un élément qui inclut id="get-started-marketing-hub", vous saisiriez get-started-marketing-hub dans le champ.

Classe

Un événement d'élément cliqué peut identifier un élément par son attribut de classe. 

 

Remarque :

  • lorsque plusieurs éléments d'une page partagent la même classe, seul le premier élément de la page comptera pour l'achèvement de l'événement. Par conséquent, vous devez uniquement utiliser la classe comme identificateur lorsqu'aucun autre élément de la page ne partage cette classe. Si l'élément n'a pas de classe unique, il est recommandé d'utiliser ID à la place de l'élément de classe unique (ID) (id = ID = ID = ID = ID = ID =
  • Si vous ne pouvez pas mettre à jour le code source d'un élément pour ajouter une classe ou un ID unique, il est recommandé d'utiliser l'extension Chrome pour configurer l'événement à la place, car HubSpot attribuera un identifiant plus spécifique.

 

Pour trouver la classe d'un élément et l'utiliser pour l'événement :

  • 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 dans le champ Classe HTML sans les guillemets. Par exemple, pour un élément qui inclut dans le champ.  
    • Lorsqu'un élément a plusieurs classes, vous pouvez utiliser n'importe laquelle de ses classes comme cible. Par exemple, si un élément inclut class="cta--primary cta--medium homepage-sales", vous pouvez saisir cta--primary, cta--medium ou homepage-sales dans le champ HTML Class (Classe HTML). Cependant, assurez-vous qu'aucun autre élément ne partage cette classe.
    • Lorsque vous rejoignez plusieurs classes, utilisez le format suivant : class1.class2.class3.

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.

Par exemple, vous souhaitez créer un événement d'élément cliqué à l'aide d'un sélecteur jQuery pour l'élément suivant :

<a id="get-started-marketing-hub" class="cta--primary" href="https://www.hubspot.com/products/marketing/get-started" aria-label="Get started with Marketing Hub">Allons-y !</a>

Plutôt que d'utiliser l'ID ou la classe de l'élément, vous pouvez utiliser un sélecteur jQuery pour cibler la propriété href de l'élément en entrant ce qui suit dans le champ sélecteur jQuery :

[href='https://www.hubspot.com/products/marketing/get-started']

 

En savoir plus sur les sélecteurs compatibles.

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.