Création ou modification d'une action de parcours utilisateur

Chaque étape est composée d’un ensemble d’actions exécutées de manière séquentielle. La première action créée dans une étape est l’action principale : son exécution déclenche la capture de la vidéo et l’écoute du trafic réseau. Elle ne prendra fin que lorsqu’une interruption du trafic réseau sera détectée.

Création d'une action

Lors de la création ou de la modification d’une action, un formulaire vous est proposé, dans lequel vous devez saisir un nom pour cette action. Vous devez ensuite choisir le type d’actions. Il en existe deux catégories : les interactions, qui permettent de reproduire les actions d’un visiteur, et les points de contrôles, qui vous permettent de vérifier que la page est dans l’état attendu et d’émettre, lors de l’exécution, des avertissements si jamais ce n’était pas le cas. Voici la liste des actions disponibles :

  • Cliquer sur un élément [interaction]
  • Remplir un champ texte [interaction]
  • Accéder directement à une URL donnée [interaction]
  • Saisir une valeur au clavier virtuel [interaction] (fonctionnalité expérimentale, contactez-nous si vous avez ce besoin)
  • Choisir une option au sein d’un élément <select> [interaction]
  • Vérifier la présence de l’élément (dans le DOM) [point de contrôle]
  • Vérifier la valeur de l’élément [point de contrôle]

Pour la première étape d’un scénario, l’action principale sera nécessairement nécessairement du type : « Accéder directement à une page » pour définir le point de départ du scénario.

Les autres types d’actions s’appuient tous sur élément présent dans la page web en cours de consultation (ex. : un bouton sur lequel vous souhaitez cliquer). Pour identifier un élément, plusieurs méthodes de sélections sont disponibles :

  • XPATH : sélection d’éléments à partir d’un sélecteur xpath.
    Exemple : //a[text()="Un texte"].
  • CSS : sélection d’éléments à partir d’un sélecteur CSS.
    Exemple : .container .item.
  • TAG : sélection d’éléments à partir du nom de leur balise.
    Exemple : h1.
  • ID : sélection d’un élément à partir de son identifiant.
    Exemple : main-content.
  • NAME : sélection d’un élément à partir de son attribut name.
    Exemple : firstname.
  • CLASS : sélection d’éléments à partir de leurs classes.
    Exemple : main-nav.

Prenez soin d’opérer une sélection précise, isolant un unique élément. Si votre sélecteur correspond à plusieurs éléments dans la page, Dareboost utilisera le premier élément trouvé. Cependant, cette qualité de « premier » pourrait évoluer avec les mises à jour de votre site ou bien nos mises à jour de Chrome. Nous vous recommandons donc tant que possible d’éviter de reposer sur ce comportement.

Lorsque le type d’action le nécessite, vous pouvez être amenés à remplir un champ de type valeur contenant la valeur à saisir ou à contrôler. Si vous avez besoin d’insérer une chaîne de caractère aléatoire, vous pouvez utiliser le snippet ${RANDOM_STRING} que s’en chargera pour vous. Attention : la longueur de la chaîne ainsi insérée est variable.

Cliquez ensuite sur « valider » pour sauvegarder votre action ou « annuler » pour revenir à l’état précédent de l’action en cours d’édition.

À SAVOIR
Si vous avez besoin d’ajouter une action avant ou entre des actions déjà présentes, ajoutez une action en fin d’étape puis utilisez la fonctionnalité « changer l’ordre des actions » pour positionner votre action à l’endroit voulu en cliquant sur des flèches vous permettant de réordonner les actions.

À SAVOIR
Certaines pages contiennent des iframes. Dareboost n’est actuellement pas en mesure de sélectionner des éléments se trouvant dans ces iframes mais c’est un point sur lequel nous travaillons.

Revenir au sommaire