Comment organiser des événements

Les événements sont des changements ou actions sur votre site tels que des clics, des scrolls et des saisies. Ces événements peuvent être utilisés avec Hotjar pour déclencher la capture de session, faire apparaître des widgets de retour ou des enquêtes, ou pour filtrer vos données collectées afin de trouver encore plus d'informations. Cet article examinera ce qui est impliqué dans la configuration des événements avec Hotjar en utilisant notre API d'événements. 
Pour un aperçu des événements et comment les utiliser, consultez notre article sur Quels sont les événements?

• Étape 1 - Identifiez les principaux objectifs que vous avez pour votre site.
• Étape 2 - Décidez quels événements soutiennent ces objectifs.
• Étape 3 - Implémentez le code de l'API d'événements sur votre site.
• Étape 4 - Après avoir implémenté le code de l'API d'événements, commencez à utiliser les événements Hotjar.

---

Identifiez les principaux objectifs que vous avez pour votre site.

En fonction de votre site, vos objectifs actuels pourraient inclure l'augmentation des conversions, la réduction des erreurs, l'augmentation des abonnements à la newsletter ou le suivi d'un test A/B. Voici quelques cas d'utilisation quotidiens des événements pour vous aider à commencer à identifier les objectifs sur lesquels vous souhaitez vous concentrer :

• Filtrer les cartes thermiques pour comparer les performances d'une variante de page pour les tests A/B.
• Filtrer les enregistrements lorsque les utilisateurs rencontrent une erreur pour aider à trouver et résoudre les bugs ou les problèmes d'UX courants.
• Déclencher une enquête pour les utilisateurs qui se désabonnent, leur demandant comment vous pourriez améliorer la newsletter.

Pour plus de cas d'utilisation, consultez notre article sur Quels sont les événements?

Haut de page

Déterminez quels événements soutiennent ces objectifs.

Des événements spécifiques se produisant (ou ne se produisant pas) sur votre site peuvent être utilisés pour soutenir les objectifs identifiés à l'étape 1. En répertoriant ces événements avant de passer à l'étape suivante, vous saurez où implémenter le code de l'API d'événement. Quelques exemples d'événements sur votre site incluent :

• Un événement de clic sur un bouton ou un lien spécifique
  • La fonctionnalité Événements est mieux utilisée lorsque vous souhaitez cibler un outil de feedback ou d'enquête en fonction du clic de l'utilisateur. Sinon, envisagez plutôt le Filtre d'élément cliqué intégré !
• Une erreur est déclenchée.
• Une variante de page est chargée.

Vous pourrez ensuite relier les deux premières étapes pour vous aider à implémenter le code de l'API d'événement à l'étape suivante. Par exemple, votre objectif et l'événement pour soutenir l'objectif pourraient être : "Envoyer un événement à Hotjar lorsqu'une erreur est déclenchée (l'événement), afin que je puisse filtrer mes enregistrements Hotjar par cet événement d'erreur pour trouver et résoudre les bugs ou les problèmes d'UX courants (l'objectif)."

Haut de page

Implémentez le code de l'API d'événement sur votre site.

Après avoir défini vos objectifs et les événements pour soutenir ces objectifs, la prochaine étape consiste à implémenter le code de l'API d'événement sur votre site en utilisant le Guide de référence de l'API d'événements. Un code personnalisé devra être ajouté à votre site pour commencer à envoyer des événements à Hotjar. Selon votre niveau d'expertise technique, vous pourriez avoir besoin de l'aide d'un développeur web pour rédiger le code supplémentaire requis.

Pour vous aider à implémenter le code de l'API d'événement, nous avons fourni des informations supplémentaires dans notre Guide de référence de l'API d'événements. Un extrait de code est disponible ci-dessous à titre d'exemple de modèle pour suivre si une carte de crédit a été ajoutée ou non à une page de paiement. Il ne s'agit que d'un exemple, donc consultez vos développeurs pour implémenter le code en fonction de votre site web et de vos objectifs.

fetch('/api/ajouter-carte-de-credit', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(body),
})
.then((response) => response.json())
.then((data) => {
    hj('event', 'Carte de crédit ajoutée avec succès')
    // gérer la réponse du backend.
  }
)
.catch(error => {
  hj('event', 'Échec de l'ajout de la carte de crédit')
})

*Consultez vos propres développeurs pour déterminer le code nécessaire pour votre site.

Retour en haut

Après avoir implémenté le code de l'API d'événement, commencez à utiliser les événements Hotjar.

Après avoir implémenté le code de l'API d'événement nécessaire pour envoyer des événements à Hotjar, vous commencerez à voir les événements disponibles pour une utilisation dans les outils Hotjar. À partir de là, vous pouvez actuellement faire ce qui suit avec les événements Hotjar :

• Filtrer les enregistrements par événements.
• Filtrer les cartes thermiques par événements.
• Créer un segment d'enregistrement qui inclut l'événement filtré.
• Cibler les enquêtes et les widgets de feedback pour se déclencher en fonction des événements.
• Commencer la capture de session en fonction du déclenchement des événements.

Retour en haut

Voir aussi

• Quels sont les événements ?
• [Cours] Événements pour les enregistrements
• Comment envoyer des événements à Hotjar avec Google Tag Manager
• Référence de l'API d'événements
• Quand utiliser les événements et les attributs utilisateur