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 sur l'écran pendant une session d'utilisateur ou par une action de l'utilisateur (clic, survol de la souris, entrée, visible, modification de texte).
Tous les éléments engagés sont créés par capture avec l'éditeur WalkMe et ont accès à notre moteur de règles 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.
https://support.walkme.com/knowledge-base/about-insights-console-engaged-elements/
Créer un élément engagé
- Cliquez sur Créer un événement sur la page Événements
- Sélectionnez É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 ensuite à nouveau visible, l'événement sera déclenché à nouveau
-
-
Cliquez sur Save (Enregistrer)
-
Publier dans l'environnement de production
-
Une fois publié, vous serez renvoyé à l'onglet Gestion de la page Événements dans la console
-
Actualiser la page pour afficher le nouvel élément engagé dans la liste des événements
Comment utiliser toutes les pages du site (Sitewide)
Lorsque vous sélectionnez un élément placé sur un composant du site commun à toutes les pages, tel qu'un en-tête, un pied de page ou une barre de navigation latérale, assurez-vous de définir le suivi de l'élément à l'échelle du site afin de couvrir toutes les pages sur lesquelles il apparaît.
Cela signifie que vous devez sélectionner Toutes les pages du site (Sitewide) dans le menu déroulant avant de capturer l'Engaged Element.
Événements suivis
Un événement suivi est un événement qui est analysé à l'aide de notre système d'analyse de l'expérience numérique (DXA) pour suivre les interactions spécifiques que les utilisateurs ont 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 É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 prochaines étapes diffèrent en fonction de l'option de données d'é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/Taper : un utilisateur a cliqué sur/appuyé sur l'élément
-
Entrée : un utilisateur saisit du texte dans un champ d'élément
-
-
Utilisez le générateur de condition pour définir les règles que les données doivent respecter pour être considérées comme valides
-
Sélectionnez une condition parmi les options suivantes :
-
L'étiquette est : identifier l'élément par le nom du champ d'entrée
-
Classe : Identifier l'élément d'entrée par une ou plusieurs classes
-
ID : Identifier l'élément d'entrée par son identificateur d'élément unique
-
Sélecteur CSS : En savoir plus dans l'expansion ci-dessous
-
-
Sélectionnez ou saisissez une valeur
-
-
En option : Ajouter 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 de CSS avant de l'utiliser pour définir vos événements suivis dans WalkMe.
Comment utiliser/construire/créer 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
-
-
Classe : Le point est utilisé pour définir spécifiquement un élément en fonction de son attribut de classe
-
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 collecte. »
-
Syntaxe :
-
Égal : [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 des données existent déjà ou non correspondant à 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 plateformes, il existe des attributs générés (dynamiques) . 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 d'une seule page : les événements de type PageView peuvent être manqués.
-
iframes :
-
iframes inter-domaines : Si l'iframe et la page qu'elle fait partie de charge WalkMe, alors 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 de classe : `.className`
-
ids : `#id`
-
noms de 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 la(s) action(s) dans la liste déroulante Action(s)
- Cliquer/Taper : Un utilisateur a cliqué sur/appuyé 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 condition pour définir les règles que les données doivent respecter pour être considérées comme valides
- Sélectionnez une condition 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 connu sous le nom d'identificateur 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 condition 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 É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 capture
-
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 sur 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 sans DXA complet doivent configurer un événement suivi de clic/entrée pour commencer à collecter des données. Par conséquent, nous recommandons Engaged Elements pour ceux sans DXA complet
-
-
Les utilisateurs doivent avoir accès à un système pour afficher les événements basés sur ce système
-
La collection de pages doit être activée pour utiliser le suivi de page
-
Pour capturer les événements suivis, les utilisateurs doivent avoir 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 défaillances possibles sur des ensembles de données plus importants. À n'utiliser qu'en cas d'absolue nécessité
-
-
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 configuration des événements suivis manuellement, les utilisateurs ne peuvent utiliser que l'opérateur OU ou 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 peuvent 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/*
-
-