La fonctionnalité Enregistrement de sessions ou “Session recording” vous permet d’enregistrer les actions de vos visiteurs sur votre site web au format vidéo. Ceci vous permet de comprendre leur comportement sur votre site et d’identifier les points de friction et les difficultés de navigation de vos internautes en vous appuyant sur des situations concrètes. 

Cette fonctionnalité est soumise à licence et dépend de votre volume de trafic. Veuillez contacter votre responsable commercial pour en bénéficier.

Vous bénéficiez de plusieurs sortes de tags qui peuvent s’appliquer à vos vidéos :

• les tags manuels, 
• les tags automatiques,
• les tags programmatiques.

Ces tags vous permettent de créer des mots-clés rattachés à vos vidéos afin de les classer et repérer rapidement celles qui vous intéressent. 

Tags manuels

Les tags manuels peuvent être ajoutés à une vidéo existante. Pour accéder aux vidéos, vous devez en premier lieu créer un enregistrement sur une URL donnée, puis démarrer l’enregistrement.

Pour cela :

1. Connectez-vous à AB Tasty sur : https://app.abtasty.com/login.
2. Depuis le tableau de bord, cliquez sur Insights>Session recording.
3. Une fois l’enregistrement créé et démarré, cliquez sur Voir les enregistrements : la liste des sessions enregistrées s’affiche.

Une fois créé, il est possible de filtrer les vidéos qui contiennent un tag manuel en particulier.

Reportez-vous à l’article Utiliser le tableau de bord des enregistrements de sessions pour plus d’informations.

Créer un tag manuel

Pour créer un tag manuel sur une vidéo, procédez comme suit : 

1. Positionnez-vous dans la liste des sessions enregistrées. 
2. Déterminez la session à laquelle vous souhaitez appliquer un mot-clé.
3. Cliquez sur :
   La vidéo s’ouvre dans une fenêtre et se lance automatiquement.
4. Cliquez sur Plus de détails : le volet d’informations de la vidéo s’affiche à droite.
5. Dans la section Tags, cliquez sur Ajouter un tag.
   
   
6. Saisissez le libellé que vous souhaitez attribuer au tag dans le champ prévu à cet effet.
   
   
7. Appuyez sur la touche Entrée de votre clavier pour créer le tag :
   il est disponible dans le volet d’informations et en haut à gauche de l’interface de lecture de la vidéo et est visible depuis la liste des sessions enregistrées.

Supprimer un tag manuel d’une vidéo

Seuls les tags manuels peuvent être supprimés depuis l’interface d’Enregistrement de sessions. 

Pour supprimer un tag manuel appliqué à une vidéo existante, procédez comme suit : 

1. Positionnez-vous dans la liste des sessions enregistrées. 
2. Cliquez sur  pour ouvrir la vidéo concernée.
3. Cliquez sur Plus de détails pour ouvrir le volet d’informations de la vidéo.
4. Cliquez sur la croix située à droite du tag manuel :
   
   le tag disparaît du volet d’informations, ainsi que de la liste des tags située en haut à gauche de l’interface de lecture de la vidéo.

Tags automatiques de comportement

La fonctionnalité Enregistrement de sessions attribue automatiquement aux vidéos des tags relevants de certaines actions effectuées par les visiteurs. Vous n’avez aucune implémentation à effectuer, les actions sont automatiquement détectées et sont ajoutées sous forme de tags aux vidéos. 

Les tags sont visibles pour chaque vidéo dans la liste des sessions enregistrées et dans l’interface de lecture de la vidéo.

Il s’agit des actions suivantes :

• Rage click : correspond à une succession de clics sur le même objet, soit au moins trois clics successifs avec moins de 100 millisecondes entre deux clics.
• Error click : correspond à une erreur JavaScript qui survient lorsque le visiteur clique dans le site (par exemple, une erreur 404). 
• Rage quit : correspond à la fermeture de l’onglet du navigateur après la survenue d’un rage click sur la page web.
• Transaction : correspond à un achat effectué sur le site par le visiteur. D’autre part, le montant de la transaction est également enregistré et apparaît au survol du tag.
   

Tags programmatiques

Les tags automatiques s'apparentent à des événements personnalisés, survenant lors d'une session de navigation, et sont capturés automatiquement par un appel JavaScript. 

Lors de cet appel, un tag est attaché à l’enregistrement en cours. Vous pouvez par exemple enregistrer automatiquement un ajout au panier ou le fait que le visiteur s’identifie sur le site.

Pour créer un tag programmatique, procédez comme suit :

1. Dans le code de votre site web, positionnez-vous après l’appel du tag AB Tasty.
2. Insérez le code JavaScript suivant dans le code source de vos pages :
   

   SR.tag(['tagName1' , ' tagName2' , 'tagName3' ]);

Le dernier paramètre entre crochets [] correspond à un tableau comprenant la liste des tags associés à cette vidéo. Chaque élément du tableau doit être déclaré comme une chaîne de caractères entre guillemets simples ou doubles.  

Vous n'êtes pas obligé de déclarer tous vos tags lors d'un seul et même appel. Vous pouvez appeler ce script à plusieurs reprises au cours de la session, avec en paramètre un tableau ne contenant qu'une seule valeur, à savoir le nom de votre événement. Il n’est pas possible de renommer les tags, c’est pourquoi nous vous conseillons de définir une nomenclature claire pour les libellés de vos tags.

Exemples de tags programmatiques codés en Javascript

//automatic session recording tag for phone bug

if($('.telephone-error').length>0){

SR.tag(['phone-bug']);

}

//automatic session recording tag for password bug

if($('.password-error').length>0){

SR.tag(['password-bug']);

}

//automatic session recording tag for password bug with more details

if($('.password-error').length>0 && $('.uppercase-error').length>0 && $('.number-error').length>0){

SR.tag(['password-bug','uppercase-missing','number-missing']);

}

//automatic session recording tag for user information

//customer gender, type and loyaty card

SR.tag([window.datalayer[0].user_gender,window.datalayer[0].type,window.datalayer[0].user_loyalty_card]);

Filtrer par tags

Les tags associés à une vidéo peuvent être utilisés pour filtrer les vidéos de deux façons :

• depuis la liste des enregistrements à l’aide du champ Recherche, 
• depuis l’interface de lecture de la vidéo pour visualiser une action spécifique pendant le déroulé de l’enregistrement.

Pour en savoir plus

Créer un enregistrement de session

Visualiser un enregistrement de session

Utiliser le tableau de bord des enregistrements de sessions