Vous avez consacré beaucoup de temps et d'énergie à créer un questionnaire qui devait s'afficher dans votre site internet mais l'aspect visuel ne correspond pas à ce que vous souhaitiez ?
Avant de continuer, référez-vous aux problématiques décrites dans l'article "J’ai un problème pour faire afficher mon questionnaire sur mon site web" afin d'identifier la nature exacte de votre problème. Cela vous permettra de valider la pertinence de cet article par rapport à votre situation.
Cet article regroupe les étapes à suivre pour identifier et résoudre les problèmes de design suivants que vous pouvez rencontrer avec vos diffusions site web (boutons, barres, pop-under, pop-in et inpage) :
- Le questionnaire s'affiche avec un design différent de ce que vous avez configuré dans la plateforme
- Le questionnaire s'affiche avec un design différent de ce qui est disponible dans l'aperçu de votre diffusion web
- Le questionnaire s'affiche avec des proportions qui ne sont pas celles configurées dans la plateforme
- Le questionnaire s'affiche avec des couleurs et/ou polices différentes de ce que vous avez configuré dans la plateforme
- Une partie du questionnaire est tronquée sur votre site web
- Les images et visuels du questionnaire ne s'affichent pas sur votre site web
- Les boutons ou éléments de votre questionnaire sont mal alignés ou ne déclenchent aucune action
- Des messages d'erreur gênent l'affichage du questionnaire sur votre site web
Lexique des diffusions site web et des commandes de la console
Lexique des commandes de la console
Causes possibles des problèmes de design sur votre site web
Skeepers rencontre très rarement des incidents techniques concernant les fonctionnalités de diffusions Web, InPage et Bouton.
La plupart des cas où le design des questionnaires n'est pas correct sur vos sites web résulte d'une configuration incorrecte de l'outil, de l'ajout de codes et de leurs interactions avec vos pages. Si votre questionnaire s'affiche correctement dans l'Aperçu de votre diffusion sur la plateforme Skeepers, mais d'une manière inappropriée sur votre site, cela indique une mauvaise configuration ou intégration.
Ce qui peut causer que le design de votre questionnaire ne s'affiche pas correctement sur votre site web :
- Les codes CSS/HTML ajoutés dans le design de la diffusion entrent en conflit avec le code du site web (en savoir plus sur la personnalisation graphique avancée de questionnaire)
- La sécurité mise en place sur votre site web bloque l'affichage correct du questionnaire
- Les codes du style du bouton de votre diffusion Web n'est pas bien paramétré ou entre en conflit avec votre site web (en savoir plus sur la personnalisation des boutons, barres et pop-in)
- Les codes CSS/HTML de la diffusion InPage n'est pas bien paramétré ou entre en conflit avec votre site web
- Le sélecteur de l'élément cible DOM n'est pas le bon
- Les règles de votre site web entrent en conflit avec le script proposé par Skeepers
Pour les diffusions en iFrame, Skeepers ne met à disposition qu'un lien URL menant à votre questionnaire. Vous êtes autonomes dans l'implémentation de ce lien dans votre site internet. Si le questionnaire s'affiche correctement en URL, le Support Skeepers n'a pas la main et la compétence pour vous accompagner dans les problèmes d'intégration de ce lien URL dans votre site internet. Nous vous invitons à privilégier plutôt les diffusions de type InPage qui sont plus modernes et configurables directement sur la plateforme.
Prérequis
Avant de débuter les tests d'affichage de votre diffusion web, vous pourrez trouver ci-dessous nos précieux conseils :
- Effectuez vos tests dans un environnement contrôlé, au sein d'une fenêtre de navigation privée, en ayant désactivé vos extensions de navigateur (type AdBlock) et en acceptant l'intégralité des cookies
- Familiarisez vous aux concepts liés à l'intégration d'une diffusion web via Skeepers Feedback Management :
- Domaine (en savoir plus sur les domaines)
- Variables (en savoir plus sur l'utilisation des variables de site web)
- Tag de déclenchement JavaScript (en savoir plus sur l'implémentation du tag)
- Content Security Policy (en savoir plus sur le CSP)
- Apprenez à ouvrir la Console du navigateur et utiliser les commandes grâce à nos explications
Nous vous détaillons l'intérêt de chaque commande ici.
Vérifier le rendu dans l'Aperçu de la diffusion web
Avant toute chose, il est nécessaire de vérifier si votre problème d'affichage est isolé à l'intégration du questionnaire dans votre site web ou s'il est déjà défaillant dans la plateforme Feedback Management.
Pour ce faire, commencez par ouvrir votre diffusion et appuyez sur le bouton 'Aperçu' situé dans la partie supérieure droite de la plateforme.
L'Aperçu disponible dans la plateforme intègre directement votre questionnaire dans une page web générique test. Vous pourrez rapidement distinguer si l'affichage des éléments correspond à ce qui a été configuré dans la plateforme.
Cet Aperçu n'est pas disponible pour les diffusions InPage et Bouton.
Vérifier le rendu dans une nouvelle diffusion URL de test
La diffusion URL applique fidèlement le design de votre questionnaire, tel que configuré sur la plateforme. Elle est donc utile pour vérifier le rendu final du questionnaire tout en prévenant les perturbations (conflits de codes, blocages de sécurité, etc...) pouvant impacter l'affichage lors de l'intégration dans un site web.
Ouvrez donc la campagne qui dispose d'une diffusion comportant des problèmes de design sur votre site et rendez-vous dans l'onglet 'Diffusions'. Créez ensuite une nouvelle diffusion de type URL.
Dans cette nouvelle diffusion, accédez au design via le bouton "Personnaliser le design" et vérifiez que celui-ci correspond exactement au design de la diffusion intégrée à votre site.
Après avoir configuré le design pour qu'il corresponde exactement à celui de votre diffusion web, cliquez sur le bouton "Ouvrir" afin d'évaluer le rendu du questionnaire avec cette diffusion URL.
Si le rendu correspond à vos attentes et à la configuration prévue dans la plateforme, cela indique que le problème de design provient de l'intégration de la diffusion web dans votre site internet. En d'autres termes, l'affichage correct du questionnaire à travers la diffusion URL démontre que l'intégration dans votre site nécessite des ajustements pour assurer une cohérence visuelle et fonctionnelle.
Vérifier le design de la diffusion web
Après avoir réalisé les étapes précédentes, nous avons identifié que le problème d'affichage est lié à l'intégration de la diffusion web.
Il est donc pertinent de vérifier si le design configuré dans la diffusion comprend seulement des éléments par défaut de Skeepers ou si vous y avez opéré des personnalisations avancées en y intégrant des codes CSS/HTML (comme expliqué ici).
Pour ce faire, ouvrez votre diffusion web et accédez au design via le bouton "Personnaliser le design".
Ici, si ce n'est pas déjà le cas, dans le volet de gauche, cliquez sur "Appliquer un design spécifique". Ouvrez ensuite le volet de personnalisation en cliquant sur le bouton vert comportant deux flèches, situé dans la partie supérieure droite de la page.
Si la fenêtre de personnalisation avancée contient du code CSS/HTML | Si la fenêtre de personnalisation avancée est vide |
Il est possible qu'un ou plusieurs codes entrent en conflit avec le code présent dans votre site web | Le design est par défaut, il ne devrait pas y avoir d'interférence avec le code présent dans votre site web |
Actions possibles | |
Il est conseillé de retirer tous les codes, d'enregistrer les modifications, d'attendre quelques minutes, puis de tester à nouveau l'affichage du questionnaire sur votre site web | Aucune action n'est nécessaire |
Si, malgré l'absence de codes de personnalisation avancée, le design de votre questionnaire ne s'affiche toujours pas correctement sur votre site web, veuillez consulter la section suivante pour savoir comment nous contacter.
Vous n'avez pas réussi à résoudre votre problématique ?
Après avoir consulté et suivi notre documentation, contactez-nous via l'Icône de Contact disponible dans le menu latéral gauche de la plateforme.
Avant de nous écrire, veuillez effectuer les vérifications suivantes en nous joignant les captures d’écran demandées :
-
L'URL exact où est censé s'afficher votre questionnaire avec diffusion web
- L'URL où vous avez effectué vos tests d'affichage (si différent de l'élément précédent)
- Précision si l'URL est accessible pour les équipes Skeepers, si possible faîtes le nécessaire pour nous fournir un accès
- Le nom de votre diffusion dans la plateforme Skeepers ainsi que son lien d'accès direct
-
Une capture d'écran de la console après la saisie de la commande "_Mfb_ud"
-
Une capture d'écran de la console après la saisie de la commande "_Mfb_domain"
-
Une capture d'écran de la console après la saisie de la commande "MFB.start()"
Si vous avez une condition de temps il faut attendre le temps nécessaire avant la capture d'écran du MFB.start(). Par exemple s'il faut attendre 5 secondes il faut faire MFB.start() et attendre les 5 secondes avant la capture
Sans l'ensemble de ces éléments, il nous sera impossible de procéder à une analyse complète de votre problématique.
Suite à l'envoi de votre demande, merci de ne procéder à aucune modification de votre diffusion web. Cela permettra aux équipes Skeepers de réaliser les investigations indispensables à la résolution de votre problématique.
Si cette consigne n'est pas respectée, nos conclusions pourraient ne pas être fiables, car elles risqueraient de ne pas refléter l'état réel de la diffusion.
Lorsque vous prenez des captures d'écran, assurez-vous d'inclure tous les éléments en couvrant toute la page, la barre de navigation avec l'URL visible, ainsi que l'intégralité de la console avec toutes les valeurs affichées. Cela nous permettra de disposer de toutes les informations nécessaires pour une analyse approfondie.
N'oubliez pas également de cliquer sur la flèche située à la gauche de la réponse à votre commande pour la développer et faire afficher tous les éléments.
Si vous avez des questions, n'hésitez pas à contacter notre équipe Customer Care.