Comment créer des événements
Bref aperçu
La page Événements dans la console permet aux utilisateurs de créer facilement des événements suivis et des éléments engagés. Vous pouvez créer des événements de deux manières : en les configurant manuellement (pour les événements suivis uniquement) ou en les capturant. Dans cette section, vous trouverez un guide complet étape par étape qui couvre toutes les méthodes disponibles pour créer des événements.
Apprenez à connaître et à utiliser My Solutions
Engaged Elements
Un élément engagé est un type de contenu WalkMe, publié à partir de l'éditeur, qui peut être suivi sans action de l'utilisateur. Cela signifie qu'il peut être suivi si l'élément est apparu à l'écran pendant une session d'utilisateur ou par une action de l'utilisateur (clic, survoler, entrée, visible, modification du texte).
Tous les éléments engagés sont créés en capturant avec l'éditeur WalkMe et ont accès à notre moteur de règles, ce qui peut rendre vos données plus précises et fiables. En outre, la capture dans l'éditeur fournit une couche de sécurité supplémentaire si vous êtes préoccupé par la sécurité des données.
Créer un élément engagé
- Cliquez sur Créer un événement sur la page Événements
- Sélectionnez l'élément engagé comme type d'événement
-
Sélectionnez un système
-
Cliquez sur Ouvrir l'éditeur pour commencer à capturer un élément
-
Cliquez sur l'icône Créer
-
Capturez l'élément que vous souhaitez suivre
-
Saisissez un nom d'élément
-
Sélectionnez le type d'interaction que vous souhaitez suivre :
-
Clics : sera déclenché chaque fois qu'un utilisateur clique sur l'Engaged Element défini
-
Saisies : sera déclenchée chaque fois qu'un utilisateur modifie une saisie
-
Par exemple, dans un champ de texte, l'événement de saisie sera déclenché dès que l'utilisateur modifiera le texte saisi et sortira du champ de l'Engaged Element défini
-
-
Survoles : sera déclenché chaque fois qu'un utilisateur passe plus de 300 ms sur l'Engaged Element défini
-
Visible : sera déclenché à chaque fois que l'élément engagé défini est apparent à chaque chargement de page ou modification d'URL. Si l'événement est supprimé et qu'il est ensuite de nouveau visible, l'événement sera déclenché à nouveau
-
-
Cliquez sur Save (Enregistrer)
-
Publiez dans l'environnement de production
-
Une fois publié, vous serez de retour à l'onglet Gestion de la page Événements dans la console
-
Actualisez la page pour afficher le nouvel élément engagé dans la liste des événements
Événements suivis
Un événement suivi est un événement qui est analysé à l'aide de notre analyse de l'expérience numérique (DXA) pour suivre les interactions spécifiques des utilisateurs avec les éléments HTML.
Les événements suivis vous permettent de suivre l'achèvement des processus par l'utilisateur final avec ou sans la présence d'éléments WalkMe sur votre site Web. En suivant les étapes avant et après WalkMe, vous pouvez mesurer l'efficacité de votre solution WalkMe.
Les événements suivis peuvent être créés manuellement en définissant des paramètres ou par capture.
Créer un événement suivi manuellement
- Cliquez sur Créer un événement sur la page Événements
- Sélectionnez l'événement suivi comme type d'événement
-
Sélectionnez Créer manuellement
-
Saisissez un nom pour votre événement suivi
-
Sélectionnez un système
- Sélectionnez les données que vous souhaitez que l'événement suive Il existe trois options : éléments, contenu ou page. Les étapes suivantes diffèrent en fonction de l'option de données de l'événement que vous avez sélectionnée
Éléments
Un composant visuel qui apparaît sur une page Web ou une application.
- Sélectionnez le type d'élément, c'est l'action liée à l'élément :
-
-
Cliquer/appuyer : un utilisateur a cliqué sur/tapé sur l'élément
-
Entrée : un utilisateur saisit du texte dans un champ d'élément
-
-
Utilisez le générateur de conditions pour définir les règles auxquelles les données doivent répondre pour être jugées valides
-
Sélectionnez une conditions parmi les options suivantes :
-
L'étiquette est : identifier l'élément par le nom du champ de saisie
-
Classique : identifier l'élément d'entrée par une ou plusieurs classes
-
ID : identifier l'élément d'entrée par son identifiant unique d'élément
-
Sélecteur CSS : en savoir plus dans l'extension ci-dessous
-
-
Sélectionnez ou saisissez une valeur
-
-
En option : ajoutez des filtres de page pour suivre une plus petite partie de l'ensemble de données. en savoir plus.
-
WalkMe comparera la définition avec notre base de données DXA pour déterminer s'il existe des définitions de données correspondantes
-
Cliquez sur Créer
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.
Remarque : il est recommandé d'avoir une compréhension de base de l'écriture et de l'utilisation des CSS avant de l'utiliser pour définir vos événements suivis dans WalkMe.
Comment utiliser/créer/créer du 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 :
-
Id : le sélecteur de hachage est utilisé pour définir spécifiquement un élément en fonction de son attribut id
-
Syntaxe : #IdName
-
-
Classement : le point est utilisé pour définir spécifiquement un élément en fonction de son attribut class
-
Syntaxe : .className
-
-
[attribute='value'] : 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 collecter des attributs HTML supplémentaires, « cela doit être activé dans les paramètres de l'environnement → section d'activation de la collection ».
-
Syntaxe :
-
Égaux : [attribute=a]
Contenu : [attribut*=b]
Commence avec : [attribute^=a]
Termine avec : [attribute$=c]
-
-
-
Nom de la balise ; Synax : Nom
-
Espace – Hiérarchie des éléments : l'espace est utilisé pour définir la hiérarchie entre les éléments. '.className .className'
-
Combinaison des éléments ci-dessus
-
Exemple de Synax : #idName. className. className
-
-
Test de votre sélecteur CSS :
-
Lors de la définition d'un événement suivi, Insights affichera un message indiquant si les données existent déjà ou non et correspondent à la définition. Cela vous permet de comprendre si un événement a déjà été capturé pour cette définition.
-
Vous pouvez 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.
Meilleures pratiques et limitations :
-
Dans certaines plates-formes, il y a des attributs (dynamiques) générés . Il n'est pas recommandé de créer des événements suivis à l'aide de ces attributs. (Pertinent pour : Salesforce Lightening, Workday. (pour Workday, et l'attribut qui pourrait être utilisé est « data-automation-id »)
-
Application à une seule page : les événements de type PageView peuvent être manqués.
-
iframes :
-
iframes inter-domaines : si l'iframe et la page font partie des charges WalkMe, UBT sera activé dans les deux séparément, ce qui signifie que les classes en dehors de l'iframe ne seront pas enregistrées dans les événements à l'intérieur de l'iframe.
-
Pour activer les événements suivis pour les éléments d'un iframe, ajoutez le FF : insightsCaptureAllContexts
-
-
Éviter les classes et les identifiants longs pour définir les événements suivis
-
Une longue classe (plus de 35 caractères) et un ID long (plus de 40 caractères) ne seront pas collectés
-
Remarque : ceci ne s'applique qu'aux classes individuelles et non aux multiples classes
-
Exemple : [class='btn btn_otherclass button_enable_specific_button superlongclassthatissupposedtobethislongtoreachthelimit]
-
Les classes "btn btn_otherclass button_enable_specific_button" seront collectées, mais la classe "superlongclassthatissupposedtobethislongtoreachthelimit" ne sera pas collectée
-
Syntaxe CSS prise en charge :
-
noms des classes : `.className`
-
ids : ` #id`
-
Noms des balises : `div`
-
hiérarchie des éléments : `.className #id`
-
[attribute='value']
-
une combinaison d'exemples précédents : `div.class1.class2 #someId[attributeName=value]
Contenu
Les éléments WalkMe qui ont été créés dans le système sélectionné.
- Sélectionnez un type de contenu (par exemple : Launcher, ShoutOut)
- Sélectionnez des éléments WalkMe spécifiques dans ce type de contenu dans la liste déroulante Élément(s)
- Sélectionnez une action(s) dans la liste déroulante Action(s)
- Cliquer/appuyer : un utilisateur a cliqué sur/tapé sur l'élément WalkMe
- Entrée : un utilisateur saisit du texte dans un champ d'élément WalkMe
- Cliquez sur Créer
Page
Pages web spécifiques pour suivre les visites des utilisateurs.
- Utilisez le générateur de conditions pour définir les règles auxquelles les données doivent répondre pour être jugées valides
- Sélectionnez une conditions parmi les options suivantes :
- URL : Adresse d'une page web spécifique
- Chemin : emplacement du fichier ou du répertoire dans le serveur du site Web où la page est stockée
- Hash : également appelé identifiant de fragment, fait référence à une section spécifique de la page qui est liée à
- Domaine : la partie principale de l'URL qui identifie le site Web
- Requête : texte qui apparaît après un point d'interrogation dans l'URL
- Sélectionnez une conditions parmi les options suivantes :
- Sélectionnez ou saisissez une valeur
- Cliquez sur l'icône Plus pour ajouter des conditions supplémentaires
- WalkMe comparera la définition avec notre base de données DXA pour déterminer s'il existe des définitions de données correspondantes
- Cliquez sur Créer
Créer un événement suivi par capture
- Cliquez sur Créer un événement sur la page Événements
- Sélectionnez l'événement suivi comme type d'événement
-
Sélectionnez Créer par capture
-
Sélectionnez un système
-
Saisissez une destination d'URL
-
Cliquez sur Démarrer la
-
Capturez l'élément que vous souhaitez suivre
-
Saisissez le nom d'un événement
-
Cliquez sur Done.
-
Le nouvel événement sera ajouté à la liste des événements de l'onglet Gestion de la page Événements dans la console
Notes techniques
Prérequis
-
DeepUI est nécessaire pour utiliser les éléments engagés
-
Le DXA complet est nécessaire pour utiliser les événements cliqués/entrés cliqués/entrés suivis de manière rétroactive
-
Les utilisateurs qui n'ont pas de DXA complet doivent mettre en place un événement suivi de clics/entrées pour commencer à collecter des données. Nous recommandons donc les éléments engagés pour ceux qui n'ont pas de DXA complet
-
-
Les utilisateurs doivent avoir accès à un système pour afficher les événements basés sur ce système
-
La collecte des pages doit être activée pour utiliser le suivi des pages
-
Pour capturer les événements suivis, les utilisateurs doivent disposer de la dernière version de l'extension de l'éditeur.
Limites
-
L'opérateur « contains » ne peut être utilisé que dans les filtres Nom de l'utilisateur et Propriétés d'intégration
-
L'utilisation de l'opérateur « contains » peut entraîner des temps de chargement plus longs et des échecs possibles sur des ensembles de données plus importants. À utiliser uniquement si cela est absolument nécessaire
-
-
Vous pouvez uniquement utiliser les filtres d'intégration sur les événements qui ont le même système que l'intégration.
-
Lors de la mise en place des événements suivis manuellement, les utilisateurs peuvent uniquement utiliser l'opérateur OU ou l'opérateur ET exclusivement, mais pas ensemble.
Centre d'Assistance
- Seul l'environnement de production est pris en charge
-
Les systèmes et les données de Workstation ne sont pas pris en charge
-
Les données web mobiles ne sont pas prises en charge
-
Action Bot, Quiz et TeachMe ne sont pas pris en charge.
-
Insights prend uniquement en charge officiellement Chrome
-
Cela peut fonctionner sur d'autres navigateurs, mais des bogues peuvent survenir
-
-
Lors de la mise en place des événements suivis, nous prenons uniquement en charge l'opérateur is equals
-
Nous ne prenons plus en charge les termes contient, ne contient pas, est supérieur à, est inférieur à, est dans la liste, n'est pas dans la liste etc...
-
Les événements existants qui utilisent ces anciens opérateurs seront pris en charge dans la visualisation, mais ne pourront pas être modifiés
-
Cependant, nous prenons en charge les caractères génériques dans la mise en place de la page des événements suivis ; ex : console.com/insights/*
-
-