Lorsque vous mettez une visite en ligne, vous verrez combien de clients l'ont vue et terminée au fil du temps. Vous trouverez aussi les problèmes dans l'onglet « Problèmes ». Cliquez dessus pour en savoir plus :
Ici, vous verrez chaque fois que votre visite a rencontré un problème pour trouver un sélecteur CSS :
Un sélecteur CSS est un morceau de code utilisé pour identifier la partie de votre site vers laquelle votre pointeur doit se diriger.
Ce rapport suit un problème quand une visite est bien délivrée à un client, mais qu’un des éléments du site que vous avez choisi de pointer n’est pas visible sur la page. En cas de problème, votre pointeur s’affichera aux clients sans pointer, comme ceci :
Pour des conseils sur la correction des problèmes CSS, lisez cet article.
Autres problèmes à vérifier
Ce rapport ne montre pas trois autres problèmes qui empêcheront votre visite de s’envoyer ou de se terminer :
Si le premier message pointeur de votre visite cible un élément introuvable sur la page, la visite ne s’enverra pas. Si votre visite ne s’envoie à personne, testez si elle peut s’afficher sur la page ciblée.
☝️ Cela peut arriver même si le premier message pointeur n’est pas le premier message de la visite. Par exemple, si votre premier message est un post et le second un pointeur.Si vous utilisez l’option « cliquer pour avancer », votre visite amènera les clients sur une nouvelle page. Si le message suivant pointe vers un élément absent de cette page, la visite ne continuera pas.
Si votre application utilise un menu de navigation en position fixe ou « sticky » (qui reste en place pendant que le reste de la page défile), cela peut affecter la façon dont les éléments de la visite sont affichés à l’écran :
Avec une barre de navigation fixe, vous pouvez voir les pointeurs de la visite mal alignés avec l’élément qu’ils mettent en valeur :
Pour résoudre ce problème, vous devrez ajouter une ligne de CSS à l’élément concerné :
scroll-margin-top: (height of your navbar)px;
Par exemple, si votre barre de navigation fait 30px de haut et que votre bouton a l’ID « button4 », vous ajouterez ceci :
#button4 {
scroll-margin-top: 30px;
}Cela garantira que le pointeur est correctement aligné. 👍
Si vous constatez un faible taux d’envoi ou de complétion, testez ces problèmes.
Apprenez comment dans ce guide pour tester votre visite guidée produit.