Création de General Tracked Event dans Insights
Aperçu général
Cet article explique comment créer un Tracked Event (événement suivi) général. Pour en savoir plus sur les événements suivis, veuillez consulter l’ Article À propos du Tracked Event dans Insights.
Page Tracked Events (Événements suivis) – Présentation
- + NOUVEL ÉVÉNEMENT
- Créer, modifier ou supprimer un événement suivi
- Tableau de synthèse des événements suivis
- a — Type : chaque événement a une icône différente qui correspond à son type
- b — Nom : c’est le nom que le créateur de l’événement a donné à l’événement suivi
- c — Définition : c’est le critère qui doit être rempli avant que l’événement suivi ne soit considéré comme ayant eu lieu
- d — Création : c’est la date de création de l’événement suivi
- e — Modifié : c’est la date de la dernière modification de l’événement suivi
Créer un Tracked Event
1ere méthode – Capturer un Event
Prérequis
- L’extension WalkMe Editor et l’application Editor doivent être installées
- Vous êtes connecté à l’éditeur WalkMe avec votre compte utilisateur Insights
- Une publication des paramètres a été effectuée
Instructions
- Connectez-vous sur votre compte sur insights.walkme.com
- Cliquez sur Tracked Events (événements suivis) dans le menu latéral dans Insights
- Cliquez sur le bouton CAPTURE EVENT (capturer l’événement) :
- Remarque : si le bouton « Capturer l’événement » est grisé, cela signifie que DXA n’est pas encore activé sur le compte – Veuillez contacter votre administrateur pour activer le paramètre afin que vous puissiez commencer à utiliser cette fonctionnalité selon l’article Insights Digital Experience Analytics (DXA) Level
- Sélectionnez une page à laquelle vous voulez accéder (où l’élément existe) et cliquez sur le bouton LET’S GO (allons-y) :
- Capturez l’élément cible et examinez les données fournies sur l’élément capturé et ajustez les paramètres si nécessaire :
- Remarque : vous verrez un message indiquant s’il existe déjà des données correspondant à la définition
- Remarque : vous verrez un message indiquant s’il existe déjà des données correspondant à la définition
- Cliquez sur Done
- Vous serez automatiquement redirigé vers Insights, où vous verrez votre nouveau Tracked event
Modifier un Tracked Event
Lorsque vous survolez un événement suivi, vous verrez les options suivantes :
- Bouton de copie : dupliquer et créer un nouvel événement suivi similaire
- Icône de corbeille : pour supprimer un événement suivi
- Icône de crayon : pour modifier un événement suivi existant
- Vous serez invité à confirmer que vous souhaitez appliquer les modifications s’il y a des éléments qui seront affectés par les modifications
- Vous serez invité à confirmer que vous souhaitez appliquer les modifications s’il y a des éléments qui seront affectés par les modifications
- Bouton Recapture Tracked Event (bouton de recapture de l’événement suivi) : pour modifier l’événement suivi en recapturant l’élément cible
2e méthode – Configuration personnalisée
Sinon, vous pouvez configurer manuellement un événement suivi en cliquant sur le bouton « CUSTOM SETUP » (configuration personnalisée) :
- Saisissez le nom de votre nouvel Tracked Event dans le champ de nom
- Conseil de pro : utilisez une convention d’affectation de noms qui indique l’action de l’utilisateur représenté par l’Event
- Sélectionnez la définition de votre Tracked Event dans le menu déroulant Definition (voir la section Available Event Types (types d’événements disponibles) ci-dessous).
- Sélectionnez les propriétés souhaitées pour définir l’événement (voir la section Available Event Types ci-dessous).
- Cliquez sur + ADD PROPERTY (ajouter une propriété) dans la section Event Properties (propriétés d’événements) . Cette étape est facultative et elle est uniquement disponible pour les clics ou pour les types de saisie d’événements.
- Cliquez sur ENREGISTRER et c’est fini!
Le nouveau Tracked Event est désormais disponible pour être utilisé dans les Funnels (entonnoirs) , Features (fonctionnalités) et Filtres.
Available Event Types (types d’événements disponibles)
| Event Type (type d’événement) | Brève description | Définition détaillée |
| Click/Tap (cliquer / appuyer) | Filtrer en fonction d’un élément sur lequel un utilisateur a cliqué ou appuyé |
Vous pouvez identifier les éléments en utilisant les attributs suivants : Text is : identifie l’élément sur lequel un utiliateur a cliqué grâce à son contenu. id : identifie l’élément sur lequel l’utilisateuur a cliqué grâce à son identifiant d’élément unique. class : identifie l’élément sur lequel l’utilisateur a cliqué grâce à une ou plusieurs classes. Pour obtenir des résultats plus précis, utilisez des espaces pour vous permettre d’identifier la classe d’un élément parent. Par exemple, « .shipping Form .saveBtn » Sélecteur CSS – lisez des informations supplémentaires ci-dessous |
| Page View (affichage de la page) | Filtre en fonction d’une URL spécifique qu’un utilisateur visite | |
| Input (saisie) | Filtrer en fonction de champs de saisie avec lesquels un utilisateur interagit |
Vous pouvez identifier les champs de saisie en utilisant les attributs suivants : Name is (nom) : identifie l’élément de saisie en fonction du nom du champ de saisie. label is (étiquette) : identifie l’élément en fonction du nom du champ de saisie. Class : identifie l’élément saisi grâce à une ou plusieurs classes. id : identifie l’élément saisi grâce à son identifiant d’élément unique. Sélecteur CSS – lisez des informations supplémentaires ci-dessous |
Créer des Event Properties (propriétés d’événement)
Pour certains types de Tracked Events (par exemple click/tap et les input-type events), vous pouvez ajouter des propriétés d’événement. Les propriétés de l’événement enregistrent l’URL sur laquelle l’utilisateur est quand l’événement en question se produit (sauf la Page View (apreçu de la page) dy type d’événement qui filtre déjà les événements en fonction de l’URL sur laquelle est l’utilisateur.)
Par exemple, imaginez que vous ayez créé un nouvel événement suivi appelé « Achat effectué par l’utilisateur » et que vous ayez défini l’événement comme se produisant lorsqu’un utilisateur clique sur le bouton Passer une commande avec l’attribut HTML ID « place_order », qui est disponible sur pages multiples.
Vous pouvez désormais ajouter une propriété d’événement qui vérifie si la page sur laquelle se produit l’événement contient une URL particulière, par exemple : « http://shopme.walkme.com/checkout. »
De cette façon, les Tracked Events ne compteront que les clics survenant sur cet élément de cette page spécifique. Sinon, les clics provenant de toutes les pages seront comptabilisés dans le Tracked Event.
Sélecteurs CSS
Le sélecteur CSS permet de suivre la définition précise d’un élément. Les sélecteurs CSS vous permettent d’identifier des éléments dans la structure HTML en fonction de leurs caractéristiques telles que l’id, la classe, le type, les attributs ou les valeurs d’attributs.
Comment utiliser/construire/créer un CSS
- Trouvez l’élément dans le HTML en cliquant avec le bouton droit sur l’élément et en sélectionnant Inspect Element. L’élément sera mis en valeur à l’écran et dans le panneau du développeur. Définissez les caractéristiques uniques de l’élément (telles que l’emplacement, la classe, l’identifiant et les attributs supplémentaires) de l’élément afin de construire votre sélecteur CSS.
- Une fois identifié, construisez votre sélecteur CSS. Voici le sous-ensemble CSS actuellement pris en charge :
| Attributs CSS pris en charge | Syntaxe | |
| Id | Le sélecteur avec le symbole dièse est utilisé pour définir spéficiquement un élément en fonction de son id attribute. | #IdName |
| Class | Le point est utilisé pour définir spécifiquement un élément en fonction de son attribut de classe | .className |
|
Additional attributes (attributs supplémentaires) [attribute=’value’] |
tagname, src, href, type, name, Role, Text |
Équivaut à : [attribute=a] Contient : [attribute*=b] Commence avec : [attribute^=a] Termine avec : [attribute$=c] |
|
Le sélecteur d’attribut est utilisé pour définir spécifiquement un élément en fonction de l’un de ses attributs HTML. Par défaut, la class et les Id attributes sont collectés. Pour reccueillir des attributs HTML supplémentaires, vous devrez activer cette tâche dans la configuration d’environnement → section d’activation de la collecte. |
||
| Tag name (nom de la balise) | Nom | |
| Space (espace) – hiérarchie des éléments | L’espace est utilisé pour définir la hiérarchie entre éléments. ‘.className .className’ | |
| Combinaison des éléments ci-dessus | #idName. className. className |
Exemple : #idName. className. className |
Tester votre sélecteur CSS
-
- Lorsque un Tracked Event est défini , Insights générera immédiatement un aperçu des résultats des 30 derniers jours jusqu’à maintenant, ce qui signifie qu’il est mis à jour toutes les minutes. Cela vous permet de comprendre si un événement a déjà été capturé pour cette définition.
- Pour vérifier si vous avez identifié le bon événement comme un Tracked Event, vous devez vérifier l’utilisation des derniers mois pour cette définition. Si les résultats obtenus sont égaux à zéro, la définition doit être erronée.
- Vous pouvez également simuler l’événement sur votre site web et vérifier qu’il a été suivi en temps réel.
- Lorsque la Session Playback est activée, il vous suffit tout simplement de regarder la session dans laquelle l’événement apparaît.
