--- title: Créer des événements Élément cliqué description: Découvrez comment créer un événement Élément cliqué pour suivre lorsqu'un visiteur anonyme ou un contact HubSpot a cliqué sur un élément spécifique de votre site web. --- # [Créer des événements Élément cliqué](https://knowledgeqa.hs-sites.com/fr/events/create-clicked-element-events) Rédigé par [HubSpot Support](https://knowledgeqa.hs-sites.com/fr/author/hubspot-support) | 7 Jul 2020 à 4:00:00 Les événements Élément cliqué enregistrent lorsqu'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](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/events/create-clicked-element-events#install-the-event-chrome-extension) 2. [Créer manuellement l'événement en utilisant un identifiant, une classe ou un sélecteur jQuery ](https://knowledgeqa.hs-sites.com/fr/events/create-clicked-element-events?hs_amp=true#manually-create-the-event-using-an-id-class-or-jquery-selector) Il est recommandé d'utiliser l'extension Chrome pour les événements simples cliqués tels que des hyperliens et des images. Pour des contenus plus 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 de démonstration 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 cliqué peuvent être créés et suivis uniquement sur les pages disposant d'un [code de suivi HubSpot](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/reports/install-the-hubspot-tracking-code) installé.   ### 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 à **Rapports**>**Code de suivi**. - Cliquez sur** Installer l'extension d'é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](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/reports/install-the-hubspot-tracking-code). - 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](https://knowledgeqa.hs-sites.com/fr/events/create-clicked-element-events?hs_amp=true#manually-create-the-event-using-an-id-class-or-jquery-selector) ou [ajouter une balise d'identification unique à l'élément](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/events/error-when-creating-an-event-with-the-event-chrome-extension).   ### 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**. - Sélectionnez **Événements**. - Dans l'angle supérieur droit, cliquez sur **Gérer les événements**. - 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 une **b****alise**.**** - Sous *Type d'événement*, sélectionnez **Élément cliqué**. - Cliquez sur** Suivant**. - Sélectionnez **Identifiant**, **C****lasse** 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 Utilisez un attribut *Identifiant* d'élément pour détecter lorsqu'il est cliqué. Les identifiants apparaissent dans le code HTML comme *id="nom-élément-unique"*. Dans ce cas, saisissez *uniquement nom-élément* dans le **champ ID** sous *Sélecteur d'élément* (ne pas inclure de guillemets (") dans le champ, uniquement la valeur d'identifiant elle-même]. 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](https://github.com/jquery/sizzle/wiki). Dans le coin inférieur droit, cliquez sur **Enregistrer **pour terminer la création de l'événement Élément cliqué. [Voir l'article complet](https://knowledgeqa.hs-sites.com/fr/events/create-clicked-element-events) ```json { "@context" : "http://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "HubSpot Support" }, "dateModified" : "2020-07-08T14:29:13.431Z", "datePublished" : "2020-07-07T04:00:00Z", "headline" : "Créer des événements Élément cliqué", "image" : { "@type" : "ImageObject", "height" : 60, "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png", "width" : 60 }, "mainEntityOfPage" : "https://knowledgeqa.hs-sites.com/fr/events/create-clicked-element-events", "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "height" : 60, "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png", "width" : 60 }, "name" : "FR | Knowledge Quick Answers" } } ```