Retour d'information intégré et modélisé
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 du feedback intégré modélisé
Que vous gériez un blog marketing, une documentation d'assistance, des ressources pour les développeurs ou un autre site, votre contenu doit être tenu à jour. Au fur et à mesure que la taille d'un site web augmente, il peut devenir plus difficile de concentrer ses efforts d'amélioration. Il est également important de déterminer si le contenu que vous produisez est efficace et de mesurer son impact.
Le modèle de retour d'information intégré facilite la collecte de données sur le contenu que vous diffusez. Vous pouvez intégrer une simple question sur l'utilité du contenu de votre site, afin que les visiteurs puissent évaluer le contenu et même donner leur avis directement sur la page.
Astuce : Nous utilisons une version personnalisée du modèle de rétroaction intégrée pour recueillir les commentaires des clients sur notre site d'assistance. Consultez l’enquête « Cela vous a-t-il été utile ? » à la fin de chaque page d’aide.
Attention : Si vous utilisez une politique de sécurité du contenu (CSP) sur le site web avec lequel vous souhaitez déployer des modèles de contenu intégré, vous devez autoriser le domaine *.qualtrics.com.
Astuce : Cette fonction s'appelait auparavant Embedded Feedback (retour d'information intégré).
Création d'un modèle de retour d'information intégré
Astuce : Pour les dernières étapes de configuration et les détails sur le lancement, vous pouvez également consulter la rubrique Création d'interceptions guidées.
Personnaliser le contenu
Attention : Pour la fonction de retour d'information intégré, il n'est pas nécessaire de créer une enquête distincte. Cette fonction se chargera automatiquement de créer une enquête pour vous dans le fin d'enquête, sans travail supplémentaire de votre part.
Lorsque vous créez un modèle de feedback créatif intégré, la première section vous permet de personnaliser le contenu du créatif, y compris les questions, l'apparence du bouton, etc. Sur la côte droite de l'écran, l'aperçu se met à jour en fonction des paramètres que vous avez ajoutés, et vous pouvez même cliquer sur les boutons pour tester le message de remerciement ou la question de suivi.
Astuce : Ne cliquez pas sur "Suivant" tant que vous n'êtes pas satisfait de l'Apparence ou des traductions.
Apparence
La section Apparence permet d'ajuster la mise en page, la pondération du texte et les couleurs du créatif.
- Mise en page : L'orientation de la question par rapport aux choix de la réponse.
- Côte à côte
- Empilé
- Pondération du texte : Pondération du texte de la question. Il peut être normal, gras ou italique.
- Couleur du texte : la couleur du texte de la question.
- Personnalisation des boutons : Les couleurs que vous pouvez modifier dépendent du format et du style que vous avez choisis précédemment.
- Oui/Non : modifier la couleur du texte du bouton, de la bordure du bouton et du remplissage du bouton.
- Pouce vers le haut/pouce vers le bas : modifie la couleur du contour (bordure) et du remplissage du bouton.
- Emojis : aucune personnalisation possible – les couleurs sont prédéfinies.
- Étoiles : Modifier la couleur du contour de l'étoile (bordure). Il s'agit également de la couleur dont l'étoile se remplit lorsque le répondant la survole ou la sélectionne.
Couleur du bouton de soumission : le bouton de soumission n'apparaît que si vous avez inclus une question de suivi ; le bouton de soumission est le moyen par lequel le visiteur indique qu'il est prêt à soumettre son avis. Cette information vous permet de modifier la couleur de remplissage.
- Couleur du texte du bouton de soumission : modifie la couleur du texte du bouton de soumission.
Personnaliser le CSS : personnalisez le CSS du formulaire de commentaires intégré selon vos besoins. Les modifications apportées ici ne seront pas reflétées dans l'aperçu ; n'oubliez pas de tester votre intercept avant de le déployer.
Attention : Le code suivant est fourni tel quel et sa mise en œuvre nécessite des connaissances en programmation. Le support de Qualtrics ne propose pas d'assistance ou de consultation sur le codage personnalisé. Vous pouvez plutôt tenter de vous adresser à notre communauté d'utilisateurs dédiés.
Utiliser un modèle: Utilisez un thème d'enquête comme modèle pour les paramètres de style du créatif. Cette opération permet d'importer les paramètres de couleurs primaires et secondaires de ce thème d'enquête.
Astuce : les paramètres de la création ne sont pas liés au thème utilisé comme modèle. Les paramètres du Créatif ne sont pas mis à jour si le thème du modèle change, et la modification des paramètres du Créatif ne changera pas le thème du modèle.
Astuce : Si vous souhaitez personnaliser davantage les couleurs de votre modèle de feedback créatif intégré, vous pouvez utiliser les menus déroulants des couleurs dans la section Apparence.
Sélecteur CSS
Indiquez l'endroit de votre page web où vous souhaitez que votre modèle d'intercept de retour d'information intégré apparaisse. Vous pouvez le faire en entrant une valeur de sélecteur CSS qui pointe vers l'élément de la page qui doit contenir le feedback intégré modélisé.
Exemple : Vous souhaitez ajouter votre intercept à la section "Support de Qualtrics" sur la page de support de Qualtrics. Vous pouvez ouvrir les outils de développement de votre navigateur pour trouver le sélecteur CSS de l'élément dans lequel vous souhaitez insérer l'intercept.
Lorsque l'élément correct est surligné, cliquez avec le bouton droit de la souris pour copier le sélecteur. Le sélecteur doit être une longue chaîne de CSS. Dans ce cas, le sélecteur copié est « #content > div.quni-homepage.main-content > div > div > div > div.main-content-wrapper.spacing-sm-bottom > div > div.Xm.logo-fix.ng-scope > section > div > div:nth-child(1) > div > h1 ».
Une fois que vous avez copié le sélecteur CSS, collez-le dans la fenêtre ci-dessous, puis cliquez sur « Enregistrer le sélecteur CSS ».
Astuce : si le sélecteur CSS est laissé vide ou n'est pas valide, un message d'erreur s'affichera dans les outils de développement, contenant le texte « DOMException : Document.querySelectorAll ». Notez que cette erreur ne sera pas levée si le sélecteur est valide mais que l'élément n'est pas présent sur la page. Par exemple, si vous saisissez un sélecteur CSS tel que « #.<tes,t », une erreur sera générée ; en revanche, si vous saisissez un sélecteur « h1 » et qu'il n'y a aucun élément h1 sur la page, aucune erreur ne sera générée.
Astuce : Veuillez noter que les commentaires intégrés au modèle ne peuvent être ajoutés qu'à la fin d'un Séparateur ou d'un CSSSelector.
Capturer l'URL de la page, la durée totale et le titre de la page
- CurrentPageUrl défini comme l'URL de la page actuelle
- PageTitle fixé à une valeur de JavaScript
- TotalDuration fixé au temps passé sur le site
Pour « PageTitle », nous devons définir la valeur via JavaScript afin de pouvoir récupérer le titre de votre page web. Mais comment ?
Si vous utilisez Google Chrome, il vous suffit de sélectionner le titre sur la page, de cliquer avec le bouton droit de la souris, puis de choisir l'option « Inspecter ». La fenêtre des outils de développement de Chrome s'ouvre et doit ressembler à ce qui suit. Cliquez avec le bouton droit de la souris sur l'élément HTML correspondant et copiez le sélecteur, comme indiqué ci-dessous.
Cela devrait donner quelque chose comme ça :
#firstHeading
Avec le JavaScript suivant, vous pouvez obtenir la valeur du titre de la page à partir de l'élément HTML :
document.querySelector("#firstHeading").textContent
Vous pouvez modifier le texte en gras, en fonction du résultat renvoyé par votre sélecteur.
Astuce : Vous pouvez tester ceci dans la console Chrome Developer Outils pour voir à quoi ressemble la valeur.
Maintenant que nous avons le JavaScript, nous le plaçons dans la valeur du champ Données intégrées "Titre de la page", comme indiqué précédemment. Cliquez sur Suivant sur vos Données intégrées lorsque vous avez terminé.
Enquêtes intégrées
Lorsque vous créez un modèle de feedback intégré, une enquête est automatiquement générée pour vous. Pour visualiser cette enquête et ses données, accédez à la rubrique Mise en place, voyez l'enquête connectée et cliquez sur le nom de l'enquête.
Attention : vous ne pouvez accéder à l’enquête associée à cette création qu’ en ouvrant le formulaire de commentaires intégré au modèle, comme décrit ci-dessus. Cette enquête ne peut pas être trouvée directement sur la page Projets, même si vous disposez de l'identifiant de l'enquête (par exemple, SV_XXXXX).
Capacités de l'enquête
Onglet « Flux de travail » : déclenchez différentes tâches dans Qualtrics en fonction des résultats des enquêtes reçues. Par exemple, créez des tickets pour votre équipe de rédaction lorsque les visiteurs expriment leur mécontentement à l'égard du contenu, ou envoyez un ticket à un manager lorsque vous recevez des commentaires très positifs.
Astuce : l'onglet « Flux de travail » n'est actuellement accessible qu'à l'utilisateur qui a créé le questionnaire de satisfaction intégré.
- Onglet « Données et analyse » : filtrez les réponses que vous avez recueillies, exportez-les, effectuez une analyse sémantique, modifiez ou supprimez des réponses, et bien plus encore.
- Onglet « Résultats » : créez des tableaux de bord dynamiques pour présenter vos données.
- Onglet « Rapports »: visualisez vos résultats grâce à des rapports imprimables.
Rapports sur les données
Vous pouvez consulter et analyser ces données comme vous le feriez pour n'importe quelle autre enquête. Voici quelques idées pour vous aider à démarrer.
- Exportation des données de réponse
- Filtrer les données des réponses
- Aperçu général des rapports avancés
- Tableaux de bord des résultats Aperçu de base
Prise en main des tableaux de bord expérience client
Astuce : lorsque vous ajoutez des données d'enquête intégrées en tant que source à un tableau de bord, celles-ci apparaissent dans la section « Enquêtes » et portent le même nom que le modèle d'interception de commentaires intégrés, mais avec la mention « - Enquête » ajoutée à la fin.
Édition de l'enquête
L'enquête intégrée à un modèle de retour d'information ne peut faire l'objet d'une visualisation que par l'intermédiaire de l'intercept. Voir Personnaliser le contenu et l'apparence pour modifier la formulation ou l'apparence de l'enquête.
Collaborer sur un modèle de retour d'information intégré
Attention : Pour partager les réponses à une enquête, vous devez être le propriétaire de l'intercept (c'est-à-dire l'utilisateur qui a créé l'intercept). Les utilisateurs avec lesquels vous collaborez devront disposer de l'autorisation « Commentaires sur le site Web » intitulée « Gérer les projets ».
En tant que propriétaire de l'intercept, vous pouvez partager votre modèle de feedback intégré avec d'autres utilisateurs de votre licence qui ont besoin de voir les données de l'enquête. Pour partager votre intercept :
Dépannage du feedback intégré modélisé
Cette section explique comment résoudre les problèmes d'affichage avec le modèle de feedback créatif intégré. Vous pouvez utiliser ces étapes pour tester quand et où l'intercept apparaît sur votre site.
FAQs
J'ai activé mon système d'interception, mais il n'apparaît pas sur mon site. Pourquoi ?
J'ai activé mon système d'interception, mais il n'apparaît pas sur mon site. Pourquoi ?
- Logique: la logiquede ciblage par interception et l’ensemble d’actions correspondent aux conditions qui doivent être remplies pour qu’une interception s’affiche à un visiteur. Discover this logic will be helpful in discovering why the Intercept is not displaying on a page actuelle.
- Ensembles logiques utilisant « Contient » : une cause fréquente d'erreur logique réside dans l'utilisation de « Contient » par opposition à "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.
- Modifications des interceptions: lorsque vous modifiez des interceptions, les changements ne sont effectifs qu'une fois l'interception publiée. 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 déterminer pourquoi une interception ne s'affiche pas sur une page donnée.
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 place après mars 2019, exécutez l'extrait de code JavaScript suivant dans la console de votre page Web :La fenêtre de débogage décompose toutes les conditions requises pour que les intercepts en cours d'exécution 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.
QSI.API.unload();
QSI.isDebug = true;
QSI.API.load();
QSI.API.run();Astuce : le débogueur de Website Insights ne fonctionne pas si le code a été mis en place à l'aide d'un gestionnaire de balises. De plus, si l'URL contient déjà une chaîne de requête commençant par un « ? », le débogueur exigera alors un « & » à la place. - Requêtes réseau: la plupart des navigateurs disposent d'un menu « Outils de développement » qui permet à l'utilisateur de consulter le code source d'un site, ses ressources, ses cookies et ses requêtes réseau. 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(CSP): si vous recevez un message de journal de la console indiquant une violation de la politique de sécurité du contenu, cela signifie très probablement qu'une restriction appliquée à votre site web empêche le déploiement de nos interceptions. 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 vous recommandons généralement d'ajouter les éléments suivants à la liste blanche dans les en-têtes de votre politique de sécurité du contenu (CSP) :
- connect-src https://*.Qualtrics.com
- frame-src https://*.Qualtrics.com
- img-src https://siteintercept.qualtrics.com
- script-src https://*.Qualtrics.com
- Gestion des URL dans les applications monopages (SPA ) : si votre site utilise un framework d'application monopage (SPA), assurez-vous que votre code appelle la fonction `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 hooks de Lifecycle similaires, assurez-vous que votre logique d'interception s'exécute une fois la navigation terminée.
Quelle est la différence entre un code de zone et un code d'interception ? Maintenant que cela s'appelle « code du projet » dans la nouvelle interface, qu'est-ce que cela signifie ?
Quelle est la différence entre un code de zone et un code d'interception ? Maintenant que cela s'appelle « code du projet » dans la nouvelle interface, qu'est-ce que cela signifie ?
Les zones (désormais appelées « Projets ») servent de regroupements pour plusieurs créations et interceptions. Les codes de zone regroupent toutes les intersections de la zone. Cela vous permet d'intégrer un seul code sur votre site, plutôt que d'ajouter sans cesse des codes pour chaque interception. Cela peut vous faire gagner beaucoup de temps, car chaque fois que vous activez du contenu dans la zone, celui-ci est automatiquement ajouté au code, sans qu'aucune modification ne soit nécessaire.
Les projets correspondent aux zones ; le code de déploiement d'un projet correspond donc aux anciens codes de zone.
J'ai mis au point mon système d'interception, mais j'aimerais le tester avant de le mettre en service. Comment puis-je faire ça ?
J'ai mis au point mon système d'interception, mais j'aimerais le tester avant de le mettre en service. Comment puis-je faire ça ?
Quelle est la différence entre les intercepts autonomes, les intercepts guidés et les créatifs guidés ?
Quelle est la différence entre les intercepts autonomes, les intercepts guidés et les créatifs guidés ?
intercepts guidés consistent à créer des fonctions telles que des dialogues réactifs, des retours d'information intégrés modélisés, des boutons de retour d'information et des retours d'information intégrés à l'application à l'aide de ces réponses. Également connues sous le nom d'installations guidées, les interceptions guidées combinent l'élément visuel d'un créatif et les réglages d'un créatif en un flux facile à suivre qui vous guidera du début à la fin. Les
créatifs guidés sont ceux qui créent des fonctions telles que les dialogues réactifs, les retours d'information intégrés, les boutons de retour d'information et les retours d'information intégrés à l'application en suivant ces réponses. Dans le cas d'un créatif guidé, vous devez créer un intercept distinct pour l'associer. Vous bénéficiez toujours de l'éditeur créatif amélioré, mais pas du reste de la configuration guidée.
J'ai créé un dialogue réactif en tant que créatif, mais je souhaite plutôt l'utiliser en tant qu'intercept guidé. Technologie de l'information ?
J'ai créé un dialogue réactif en tant que créatif, mais je souhaite plutôt l'utiliser en tant qu'intercept guidé. Technologie de l'information ?
Puis-je enregistrer des configurations guidées dans la bibliothèque ?
Puis-je enregistrer des configurations guidées dans la bibliothèque ?
C'est génial! Merci pour votre avis!
Merci pour votre avis!