Qu'est-ce que le filtre d'élément cliqué ?

Le filtre élément cliqué affine vos données de session en fonction des endroits où les utilisateurs ont cliqué sur votre site, tels que des boutons ou des liens, sans avoir besoin de configurer manuellement des Événements Hotjar dans votre code. Vous pouvez affiner ce filtre en spécifiant des conditions telles que le texte d'un bouton ou d'un lien cliqué, le sélecteur CSS ou l'URL de la page sur laquelle l'élément se trouve.

Cet article couvrira :

• Cas d'utilisation courants pour le filtre élément cliqué
• Comment utiliser le filtre élément cliqué
• Quand utiliser le filtre élément cliqué au lieu des Événements
• FAQ sur le filtre élément cliqué

Cas d'utilisation courants pour le filtre élément cliqué

Voici quelques exemples de cas d'utilisation du filtre élément cliqué :

• Vérifiez les performances des différents appels à l'action (CTA) dans le cadre d'un test A/B.

  Appliquez le filtre d'élément cliqué sur Tendances, avec la condition du texte du bouton ou du lien étant le texte de chaque variante de bouton. Ensuite, comparez le nombre de sessions pour chaque variante et cliquez pour accéder aux enregistrements et cartes de chaleur connexes pour une analyse plus approfondie du comportement des utilisateurs après avoir cliqué sur un CTA particulier.

• Identifiez les raisons pour lesquelles les utilisateurs n'achèvent pas leur achat.

  Depuis la page des Enregistrements, appliquez le filtre d'élément cliqué avec trois conditions : le clic n'a pas eu lieu, où le texte du bouton ou du lien contient Checkout, et où l'URL de la page contient /checkout. Regardez quelques enregistrements filtrés pour comprendre ce qui pourrait empêcher les utilisateurs de finaliser leur achat. Ensuite, visualisez une carte de chaleur avec le même filtre d'élément cliqué appliqué à la page de paiement pour identifier ce que les utilisateurs ne voient pas et ce qui attire leur attention à la place.

• Découvrez des opportunités pour améliorer un processus d'intégration.

  Pour trouver des idées pour encourager les nouveaux utilisateurs à inviter également des collègues, appliquez un filtre d'élément cliqué sur la page des Enregistrements. Sélectionnez les conditions : le clic n'a pas eu lieu, où l'URL de la page contient /onboarding, et où le texte du bouton ou du lien contient Inviter des membres de l'équipe. Regardez les enregistrements pour comprendre pourquoi les utilisateurs n'invitent pas leurs collègues et générez des idées d'amélioration.

• Prenez des décisions plus éclairées pour une refonte.

  Les décisions de refonte d'un site web et d'augmentation du nombre de démos réservées peuvent être éclairées en appliquant un filtre d'élément cliqué à vos données de session collectées. Ajoutez les conditions : le clic n'a pas eu lieu, où le texte du bouton ou du lien contient Réserver une démo. Regardez les enregistrements pour découvrir ce qui pourrait empêcher les utilisateurs de passer à la réservation d'une démo. Appliquez le même filtre d'élément cliqué à une carte de chaleur de défilement pour comprendre combien d'utilisateurs ne voient pas le CTA Réserver une démo en bas de la page.

Retour en haut

Comment utiliser le filtre d'élément cliqué

Cliquez sur le menu déroulant Ajouter un filtre et sélectionnez Élément cliqué.

Ajoutez des conditions pour affiner davantage le filtre.

Vous pouvez affiner le filtre d'élément cliqué en appliquant plusieurs conditions.

Que le clic ait eu lieu ou non

Lorsque vous filtrez les Tendances, les Enregistrements ou les Cartes de chaleur, vous pouvez choisir de filtrer les sessions où le clic a eu lieu ou non.

Lorsque vous filtrez les Entonnoirs, cette option est fixée à eu lieu.

Texte du bouton ou du lien

Cela filtre les sessions pour inclure les interactions sur le texte visible spécifiquement sur un bouton (<button>) ou un lien (<a>). Par exemple, 'En savoir plus' ou 'Checkout'.

Sélecteur CSS

Nous ne prenons en charge que les sélecteurs CSS tels qu'ils apparaissent lorsqu'ils sont stockés par Hotjar. Cela peut différer de la façon dont les sélecteurs CSS apparaissent lorsque vous les copiez depuis votre site en direct. Pour cette raison, lors de l'utilisation du filtre de sélecteur CSS, nous recommandons de suivre les ID HTML, qui sont uniques et contenus dans le sélecteur CSS plutôt que le sélecteur CSS complet.

Par exemple, au lieu d'utiliser le filtre : le sélecteur CSS est x, nous recommandons d'utiliser le filtre le sélecteur CSS contient y (où 'y' équivaudrait à un ID HTML unique).

Nous ne prenons pas en charge les valeurs de sélecteur CSS qui incluent des espaces. En tant que solution de contournement, vous pouvez supprimer les espaces en utilisant ce site web Supprimer tous les caractères d'espacement.

URL de la page

Consultez notre Comment utiliser les conditions dans le filtrage d'URL article pour obtenir de l'aide sur l'utilisation des URL comme condition de filtre, y compris l'utilisation des regex.

Cliquez sur Appliquer pour confirmer et filtrer vos données de session.

Retour en haut

Quand utiliser le filtre élément cliqué au lieu des Événements

L'API des Événements de Hotjar vous permet d'envoyer des événements de clic à Hotjar qui peuvent être utilisés pour filtrer les données de session ou pour cibler les enquêtes et les widgets de feedback. Les points suivants peuvent vous aider à décider quand utiliser le filtre élément cliqué ou l'API des Événements avec les clics d'utilisateurs :

Quand utiliser le filtre élément cliqué

• Tests A/B axés sur le fait de savoir si un élément est cliqué ou non (par exemple : positionnement ou libellé d'un bouton).
• Validation rapide d'une hypothèse ou identification de problèmes potentiels liés au fait qu'un élément est cliqué ou non, sans avoir besoin de code supplémentaire ou de temps de développement.
• Pour informer les refontes ou les améliorations de site où l'objectif est d'augmenter les clics sur un élément.

Quand utiliser l'API des Événements

• • • Vous déclenchez un widget Enquête ou Feedback : Le filtre élément cliqué n'est pas disponible avec les Enquêtes et le Feedback.
    • Tests A/B plus approfondis qui vont au-delà de la simple vérification de savoir si un élément spécifique est cliqué ou non (par exemple : défilement de l'utilisateur, temps passé sur la page, affichage d'une erreur, ou si la variante A/B se charge sur la même URL que le contrôle).
    • Si vous essayez de suivre les interactions sur un élément imbriqué, vous voudrez peut-être utiliser les Événements. Lors de l'utilisation du filtre élément cliqué, Hotjar ne suivra que les éléments HTML bouton et a. Comme le HTML peut être imbriqué, si Hotjar ne trouve pas l'élément que vous avez spécifié, notre algorithme remontera au parent suivant et vérifiera là. S'il ne peut pas être trouvé dans les trois éléments parents suivants, Hotjar ne pourra pas collecter les données.

Retour en haut

document.querySelector('#my-button')
	.addEventListener('click', () => hj('event', 'clicked_cta'));

Retour en haut