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.

Créer des événements comportementaux personnalisés sans code (BETA)

Dernière mise à jour: janvier 20, 2023

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Marketing Hub Entreprise

Les événements comportementaux personnalisés vous permettent de suivre les informations propres à votre entreprise. Les événements liés aux éléments cliqués et aux URL visitées 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 liés à l'élément cliqué ne peuvent être créés et suivis que sur les pages qui ont l'attribut Code de suivi HubSpot 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 visitée et Élément cliqué peuvent être créés en installant et en utilisant l' extension Chrome de HubSpot pour les événements cliqués simples, tels que les hyperliens et les images.

Une fois que vous avez créé vos événements, apprenez à analyser les événements dans les outils d'analyse et de rapport. Vous pouvez également créer et suivre manuellement événements personnalisés.

Créez 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éez un événement d'URL visitée avec l'extension Chrome event

  • Naviguez vers une page web avec votre Code de suivi HubSpot installé.
  • Dans la barre d'outils de votre navigateur Chrome, cliquez sur l'icône de la roue dentée .
  • Dans la boîte de dialogue, sélectionnez Visited URL, puis cliquez sur Next.

  • 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. 
  • Dans le champ URL de la page, saisissez l' URL vers laquelle vous souhaitez suivre les visites.
  • 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é appelée Tracking Name.
  • Cliquez sur Créer un événement.

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

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

  • Naviguez vers une page web avec votre Code de suivi HubSpot installé.
  • Dans la barre d'outils du navigateur Chrome, cliquez sur l'icône de la 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 de la page à suivre, cliquez sur Add.  Sélectionnez un élément de la page à suivre. Vous pouvez ajouter plusieurs éléments cliqués à un seul événement. 
  • Cliquez sur un élément de la page pour créer un événement d'élément cliqué. Dans l'exemple ci-dessous, l'événement de l'élément cliqué permettra de suivre les clics sur le lien des aspects clés.

  • Dans la boîte de dialogue, le sélecteur CSS de l'élément sera 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é appelée Tracking Name. Vous pouvez éventuellement ajouter 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 sauvegarder votre événement, cliquez sur Créer un é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 afficher le nouvel événement de l'élément cliqué dans votre tableau de bord des événements.

HubSpot commencera alors à suivre le ou les éléments. Apprenez 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 en utilisant un sélecteur jQuery.

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

Identifiant

Pour trouver et utiliser l'ID d'un élément :

  • Cliquez avec le bouton droit de la souris sur la page contenant l'élément que vous ciblez et sélectionnez Afficher la 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 ID et collez-la (par exemple, dans ce cas, unique-element-name) dans le champ ID HTML sans les guillemets. Par exemple, pour un élément qui comprend id="get-started-marketing-hub", vous devez saisir 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 sera pris en compte pour la réalisation de l'événement. Par conséquent, vous ne devez utiliser la classe comme identifiant que 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.
  • 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 la 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 la 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 possède plusieurs classes, vous pouvez utiliser n'importe laquelle de ses classes comme cible. Par exemple, si un élément comprend class="cta--primary cta--medium homepage-sales", vous pouvez saisir cta--primary, cta--medium ou homepage-sales dans le champ Classe HTML. Cependant, assurez-vous qu'aucun autre élément ne partage cette classe.
    • Pour joindre plusieurs classes, utilisez le format suivant : classe1.classe2.classe3.

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 voulez créer un événement d'élément cliqué en utilisant 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 saisissant le texte suivant dans le champ du sélecteur jQuery :

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

 

En savoir plus sur sélecteurs pris en charge.

Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.