Optimiser les créatifs autonomes pour les mobiles
Contenus de cette page
Astuce : Si vous n’avez pas accès à l’une des fonctions décrites sur cette page, contactez votre Commercial. Pour plus d’informations sur les différences entre Digital Feedback et CustomerXM for Digital, voir Digital Feedback vs. CustomerXM pour Digital.
À propos de l’optimisation des mobiles pour les créatifs
Les nouveaux créatifs guidés sont construits pour inclure l’optimisation mobile dès le départ, nécessitant moins de configuration pour être utilisés sur les appareils mobiles. Ces Créatifs adaptés aux mobiles comprennent des dialogues réactifs, des boutons de retour d’information et des retours d’information intégrés modélisés.
Cependant, il existe des créatifs autonomes qui sont jolis sur votre ordinateur de bureau, tout en apparaissant trop grands sur un écran mobile. En effet, les anciens créatifs ne disposent pas d’une optimisation mobile intégrée et nécessitent une configuration supplémentaire pour bien fonctionner sur les écrans mobiles. Cette page explique comment optimiser les créatifs autonomes tels que les pop-over, les barres d’information et les curseurs pour une expérience de navigation mobile.
Astuce : vous cherchez à recueillir des commentaires sur une application mobile plutôt que sur un site mobile ? Consultez plutôt la page Feedback sur les applications embarquées.
Résolution d’écran
Vous pouvez afficher un Intercept ou un Ensemble d’actions en fonction du Type d’appareil. Cependant, les appareils mobiles peuvent être de différentes tailles, ce qui peut nécessiter plus de deux versions (bureau et mobile) d’un Créatif. Dans le cas de certaines tablettes, le Créatif qui est le plus beau sur votre ordinateur de bureau peut très bien fonctionner sur la tablette.
Au lieu de baser la logique d’affichage sur le type d’appareil, il est préférable de générer des Créatifs de différentes tailles et de baser la logique de leurs Intercept sur la taille de l’écran.
Résolution d’écran logique
Vous pouvez baser la logique d’Intercept ou d’Ensemble d’actions sur la résolution de l’écran. Vous n’êtes pas limité à des tailles exactes – par exemple, les écrans de moins de 500px peuvent recevoir un Créatif et les écrans de plus de 500px en reçoivent un autre.
Cliquez sur la page d’assistance liée pour obtenir des instructions étape par étape et une liste des tailles d’écran courantes.
Mise en place du projet
Formatage des cibles intégrées
Une Cible intégrée n’est pas un simple lien, comme une Cible normale, mais une fenêtre intégrée au Créatif dans laquelle vous montrez le site ou l’enquête cible.
De nombreuses personnes préfèrent que l’enquête intégrée au site Créatif ne comporte pas de barres de défilement. La page Formatage des cibles intégrées présente les modifications que vous pouvez apporter à votre enquête pour atteindre cet objectif.
FAQs
J'ai activé mon intercept, mais il ne s'affiche pas sur mon site. Pourquoi ?
J'ai activé mon intercept, mais il ne s'affiche pas sur mon site. Pourquoi ?
- Logique: la logique de ciblage des interceptions et la logique de l'ensemble d'actions sont les conditions qui doivent être remplies pour qu'une interception soit affichée à un visiteur. Discover this logic will be helpful in discovering why the Intercept is not displaying on a page actuelle.
- Les ensembles logiques qui utilisent "Contient" : Une cause fréquente d'erreur de logique est l'utilisation de la fonction "Contient" vs. "Est" Dire qu'une condition "contient" signifie que le paramètre sur lequel vous basez la logique (c'est-à-dire l'URL actuelle) aura la valeur spécifiée présente en plus d'autres informations. Par exemple, si j'avais une logique qui disait que l'URL actuelle contient "qualtrics", l'intercept s'afficherait sur toute URL contenant le mot "qualtrics". L'autre possibilité qui s'offre à vous est d'utiliser l'URL actuelle [URL]. Cette condition dépend de la correspondance exacte de l'URL visitée. Toute différence ou caractère supplémentaire empêchera la logique d'intercept de passer.
- Révisions des intercepts: Lorsque des modifications sont apportées aux intercepts, elles ne sont pas mises en ligne tant que l'intercept n'est pas publié. Lorsqu'un Intercept est publié, une version de l'Intercept, ou "révision", est sauvegardée. L'évaluation des révisions effectuées est très utile pour identifier les changements qui ont pu soudainement empêcher l'intercept d'apparaître.
- Fenêtre de débogage: La fenêtre de débogage est un outil précieux pour vérifier pourquoi un intercept ne s'affiche pas sur une page particulière.
Pour les intercepts dont le code de déploiement a été mis en œuvre avant mars 2019, pour activer la fenêtre de débogage, ajoutez à toute URL donnée une chaîne de requête appelée Q_DEBUG. Il doit être précédé d'un ? ou d'un & comme dans les exemples suivants : https://www.qualtrics.com?Q_DEBUG, https://www.qualtrics.com/blog?item=value&Q_DEBUG.
Pour les intercepts dont le code de déploiement a été mis en œuvre après mars 2019, exécutez le snippet JavaScript suivant dans la Console de votre page web :QSI.API.unload() ; QSI.isDebug = true ; QSI.API.load() ; QSI.API.run() ;La fenêtre de débogage décompose toutes les conditions requises pour que les intercepts s'exécutant sur l'URL apparaissent. Si vous constatez qu'un intercept n'apparaît pas, localisez-le dans la fenêtre de débogage et identifiez les éventuels avertissements d'échec en rouge.Astuce: Le débogueur de Website Insights ne fonctionne pas si le code a été implémenté à l'aide d'un gestionnaire de balises. De même, si la chaîne de requête de l'URL contient déjà un ?, le débogueur demandera un & à la place. - Demande de réseau: La plupart des navigateurs possèdent un menu d'outils de développement qui permet à l'utilisateur de voir le code source, les ressources, les cookies et les appels réseau d'un site. Website Insights possède une présence distincte dans la section Réseau de ces outils. Pour vérifier l'exécution de ces scripts, ouvrez les outils de développement et naviguez jusqu'à la section Réseau. Une fois cette étape franchie, rechargez la page web et le menu devrait commencer à s'enrichir de toutes les requêtes réseau effectuées par le site web. Pour identifier le code de Website Insights, recherchez les appels qui commencent par ?Q_ZID ou ?Q_SID. Il s'agit du code lui-même qui effectue des contrôles sur la logique d'affichage. Si vous ne trouvez rien qui corresponde à ce format, c'est qu'il y a un problème dans la mise en œuvre du code de votre projet. Vous pouvez consulter notre page d'assistance sur la mise en œuvre pour obtenir des conseils sur l'endroit le plus approprié pour placer le code.
- Problèmes liés à la politique de sécurité du contenu: Si vous recevez un journal de console qui viole une politique de sécurité du contenu, il y a très probablement une restriction sur votre site Web qui bloque le déploiement de nos intercepts. Nous vous recommandons de contacter votre équipe de développement web pour résoudre ce problème. Pour garantir le bon fonctionnement de vos interceptions, nous recommandons généralement d'autoriser les éléments suivants dans les en-têtes de votre politique de sécurité du contenu :
- connect-src https://*.Qualtrics.com
- frame-src https://*.Qualtrics.com
- img-src https://siteintercept.qualtrics.com
- script-src https://*.Qualtrics.com
- Gestion des URL de SPA : Si votre site utilise un cadre d'application à page unique (SPA), assurez-vous que votre code déclenche history.pushState() lors de la navigation entre les vues. Certains frameworks peuvent réafficher ou mettre à jour l'URL sans pousser une nouvelle entrée dans l'historique, ce qui peut empêcher les intercepts de se déclencher. Si vous utilisez useEffect ou des crochets de cycle de vie similaires, assurez-vous que votre logique d'intercept s'exécute une fois la navigation terminée.
J'ai créé mon intercept mais je voudrais le tester avant l'activation. Comment puis-je faire ça ?
J'ai créé mon intercept mais je voudrais le tester avant l'activation. Comment puis-je faire ça ?
C'est génial! Merci pour votre avis!
Merci pour votre avis!
Comment afficher un Creative plus petit sur les appareils mobiles ?
Si vous choisissez plutôt de créer une pop over ou un créatif plus ancien, c'est ici que vous utiliserez plusieurs ensembles d'actions. Vous aurez différents sets d'actions pour les terminaux mobiles et les ordinateurs de bureau. Vous aurez également deux créatifs différents pour les appareils mobiles et de bureau.