Analyse de l'expérience mobile - Résolution des problèmes de zonage

Que signifie un 0 % ou N/A sur une zone ?

Une zone affiche 0 % lorsque aucune donnée n'a été collectée.
N/A signifie non applicable et est affiché dans le cas où il n'y a pas suffisamment de sessions pour que les données soient significatives, ou lorsque une zone contient trop de zones enfants. Essayez de sélectionner une zone plus petite ou un autre segment.

Le taux d'appui est à 0 % pour certaines zones

Cause profonde : les gestes ne sont pas attachés aux zones les plus basses mais à une zone parente

comment valider :

1. entrer en mode de création de zone

2. survoler la zone avec 0 %

3. appuyer sur “touche haut” pour sélectionner la zone parente

4. répéter jusqu'à ce que vous ayez sélectionné la zone parente qui a la même taille que celle avec 0 %

5. créer la zone

6. si l'hypothèse est vraie, vous aurez des données.

Sous-cause profonde (iOS uniquement) : Les zones sont UIIMAGEVIEW

Solution de contournement : Créez une zone sur une vue parente pour obtenir les appuis sur l'image ou utilisez l'option “multi zones” cela sélectionnera la zone parente

Le taux d'appui est à 0 % pour toutes les zones (ou une partie significative d'entre elles)

Cause profonde 1 : l'instantané a été pris sur une version de l'application qui ne correspond pas au contexte d'analyse

Comment valider :

1. survoler “Instantané X sur Y” pour voir la version de l'application de l'instantané

2. Ouvrir le PA et ajouter une condition sur la version de l'application correspondant exactement à celle de l'instantané

3. Appliquer les modifications du PA

4. si les données sont maintenant légitimes, c'était la cause profonde

Cause profonde 2 : le SDK Android n'attache pas les gestes à la vue attendue

Voir l'explication ici

L'instantané échoue

Cause profonde 1 : Aucune vue d'écran déclenchée auparavant

Pour qu'un instantané soit accepté par le serveur, il doit être attaché à une vue d'écran.

Comment nous identifions le problème :

1. Vous devez essayer de reproduire le problème en consultant les journaux

2. Vérifiez s'il y a eu un événement de vue d'écran avant ou non lorsque vous essayez de capturer l'instantané

3. S'il n'y en avait pas, cela signifie que c'est le problème

Que faire pour résoudre cela :

Vous devez mettre à jour le plan d'étiquetage de l'écran pour suivre l'écran souhaité

Cause profonde 2 : L'instantané est trop grand / La vitesse de téléchargement du réseau est trop faible

La capture de l'instantané en cours prend un certain temps (comme 30 secondes) puis échoue.

Comment nous identifions le problème :

1. Regardez l'écran et s'il s'agit d'un long écran avec beaucoup d'images, c'est un bon candidat

2. Quel type de connexion Internet avez-vous, surtout en ce qui concerne le téléchargement. Si c'est un ADSL avec <1Mb/s, c'est un autre indice

3. Essayez de capturer l'écran sur une connexion Internet Fibre ou en utilisant la 4G (meilleur téléchargement). Si cela réussit, alors c'est le problème

4. Si vous êtes sur Android, essayez d'utiliser le mode instantané statique pour capturer l'écran. Si cela réussit, alors c'est le problème

Que faire pour résoudre cela :

Parlez à l'équipe de déploiement

Il y a une grande zone grisée avec le texte "Webview non suivi"

Cause profonde : Le suivi de Webview ne fonctionne pas pour cet écran.

Le suivi de Webview n'a pas été activé dans les paramètres du SDK

Comment valider le problème

1. Accéder aux paramètres du SDK

2. Vérifiez les drapeaux de fonctionnalités

3. nous devrions avoir ceci :

[{"nom":"web_views_tracking","minVersion":"2.0.0","enabled":true}]

Comment résoudre cela

Dites à l'équipe de déploiement de définir le bon drapeau de fonctionnalité pour le suivi de Webview.

----------------------------------------------------------------------------

Le suivi de Webview n'a pas été mis en œuvre du côté de l'application native

Comment valider le problème

1. Avez-vous mis en œuvre le suivi de Webview du côté de l'application native ?

2. si ce n'est pas le cas, c'est au moins une partie du problème

Comment résoudre cela :

Suivez les étapes de mise en œuvre de Webview

----------------------------------------------------------------------------

Le suivi de Webview n'a pas été mis en œuvre du côté de la page web

Comment valider le problème :

1. 1. Sur iOS : Recherchez un journal spécifique suivant cette documentation.

   2. sur Android : Avez-vous mis en œuvre l'étiquette de suivi webview sur les pages web chargées dans le webview ?

Comment résoudre cela :

Suivez les étapes de mise en œuvre de l'étiquette de suivi webview => https://docs.contentsquare.com/webview-tracking-tag/

L'instantané n'est pas rendu comme prévu ou est cassé

Cause profonde 1 : Les éléments UI natifs ne sont pas pris en charge

Comment identifier le problème

Si l'instantané ne ressemble pas à l'écran capturé (parties manquantes) :

• dans la liste des instantanés

• le panneau latéral de l'instantané de zonage

• l'éditeur de zonage

Et l'élément manquant est un « popup » ou un « menu » ou un élément UI apparaissant par le bas (bottom sheet), alors c'est probablement un élément UI natif que nous ne prenons pas en charge pour le moment.

Vous pouvez trouver plus de détails et les limitations actuelles ici

Cause profonde 2 [sur Android uniquement] : style personnalisé remplacé

Comment identifier le problème :

Si l'instantané a l'air bon dans la liste des instantanés et le panneau latéral de l'instantané de zonage, mais que l'instantané a des problèmes d'affichage comme : couleurs incorrectes, sections noires, etc.

C'est probablement un cas où le SDK a des difficultés à obtenir les bonnes valeurs de style parce que vous les avez remplacées dans votre code.

Le symptôme peut même être que l'instantané affiche un écran différent, mais si vous faites attention, vous pouvez voir certains éléments de l'écran attendu comme du texte ou des icônes.

Comment résoudre cela :

Utilisez l'instantané statique. Il a été développé pour gérer les cas particuliers

Cause profonde 3 [sur Android uniquement] : Jetpack Compose n'est pas encore pris en charge sur Android

Jetpack Compose est une boîte à outils UI Android introduite par Google pour créer des interfaces utilisateur natives. Il simplifie le processus de développement UI. Aujourd'hui, le SDK Android est capable d'analyser la partie de l'UI construite avec Compose pour identifier tous les éléments internes. Cela conduit à capturer la partie construite avec Compose comme un élément sans la capacité d'analyser les éléments internes.

Je ne peux pas créer une zone sur un élément de liste sur iOS (SwiftUI)

Lors de l'utilisation du zonage, vous n'arrivez pas à sélectionner une zone correspondant à un élément qui est la ligne d'une liste. Mais vous pouvez sélectionner des éléments enfants.

Explication :

Le SDK a une limitation lors de la prise d'un instantané ou de la collecte d'événements de geste des écrans SwiftUI contenant des composants VStack et LazyVStack.

Dans certains cas, SwiftUI ne rendra pas un élément IU dans la hiérarchie de la vue pour un élément de liste, cela est particulièrement vrai lorsque l'élément n'a pas de couleur de fond attribuée (ou a une couleur transparente).

Dans l'exemple suivant, nous avons une liste d'articles, chacun incluant l'image de Luigi et les 2 lignes de texte. Nous voulons créer la zone sur cet élément, mais l'élément IU correspondant à l'article de la liste n'existe pas. Par conséquent, vous ne pourrez pas créer la zone. La raison en est que SwiftUI n'a pas créé l'élément dans UIKit car il n'a pas été jugé nécessaire :

Solution de contournement : 

Si possible, nous recommandons d'ajouter un modificateur de couleur de fond pour chaque élément à l'intérieur de la pile. Le modificateur de fond ne peut pas être transparent, il doit être d'une couleur. Il peut être de la même couleur que la pile de fond.

Alternativement, nous savons que ce problème n'existe pas lorsque un composant Liste est utilisé. Il offre la possibilité d'afficher une liste d'articles verticalement et vient également avec les avantages du chargement différé et de la réutilisation des éléments qui ont un impact moindre sur la performance.

Dans le deuxième exemple ci-dessous, l'élément IU existe. Vous pouvez créer la zone grâce à une couleur de fond qui a été ajoutée, permettant à SwiftUI de créer l'élément dans UIKit :

Impossible de créer des zones enfants

Trouvez l'explication dans cet article.