Passer au contenu principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Application mono-page


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


À propos des applications à page unique

Les applications à page unique (SPA) sont un type spécial d’application Web. Un SPA chargera une seule page lorsque vous accéderez à un site Web et, à partir de là, chargera tout le contenu suivant sur cette même page lorsque vous naviguez. Cela semble fonctionner comme un site Web normal, mais lorsque vous passez d’une page à l’autre, la page ne se recharge pas.

Par défaut, le code de déploiement s’exécute dès le chargement d’une page Web. Cependant, comme les SPA ne s’actualisent pas lors de la navigation entre les pages, le code de déploiement ne sera pas réévalué lorsque vous naviguez entre les pages. En utilisant les techniques décrites ci-dessous, vous pouvez permettre au code de déploiement de fonctionner en toute transparence sur votre site SPA.

Astuce Qualtrics : certaines de ces techniques utilisent l’API JavaScript de Feedback de site Web. Pour obtenir une documentation détaillée sur l’API JavaScript pour le feedback du site Web de Qualtrics, consultez cette page.
Attention : la documentation suivante nécessite des connaissances en programmation pour être implémentée. Nous vous recommandons de transmettre ces informations à l’équipe qui implémentera votre code de déploiement. Notre équipe d’assistance ne pourra pas vous aider sur les sujets touchant au codage personnalisé. Vous pouvez plutôt tenter de vous adresser à notre communauté d’utilisateurs dédiés. Si vous souhaitez en savoir plus sur nos services de codage personnalisés que vous pouvez mettre en service, veuillez contacter votre Responsable de compte Qualtrics.
Astuce Qualtrics : Javascript n’est pas inclus dans toutes les licences Qualtrics. Veuillez contacter votre Commercial Qualtrics si vous souhaitez y accéder.

Réévaluation automatique de la logique d’interception lors du changement d’URL

Si votre application à page unique dépend de l’acheminement côté client pour la navigation utilisateur, vous pouvez forcer la réévaluation des intercepts lors des modifications ultérieures de l’URL en activant la logique de réévaluation de l’intercept lorsque le paramètre de l’URL change au niveau du projet Feedback de site Web. Si vous cochez cette option, l’évaluation de la logique d’interception sera possible en plus de l’évaluation qui se produit lors du chargement initial de la page.

Pour activer la réévaluation automatique de la logique d’intercept, suivez les étapes ci-dessous :

  1. Dans votre projet de Feedback de site Web, accédez aux Paramètres.Accéder aux options de projet depuis la page Paramètres dans le Feedback de site Web
  2. Cliquez sur Gérer le projet.
  3. Sélectionnez Options du projet dans le menu déroulant.
  4. Assurez-vous que Réévaluer la logique de l’intercept lorsque les modifications d’URL sont cochées dans la section Prise en charge de l’application Single Page (SPA).Réévaluer la logique dinterception lorsque loption de modification de lURL dans les options du projet est cochée
Astuce Qualtrics : si vous souhaitez tester ce comportement, vous devez utiliser le marque-page au niveau du projet. Vous ne pouvez pas utiliser un marque-page d’intercept spécifique pour tester ce comportement.

Attention : Si vous décidez d’utiliser ce paramètre SPA conjointement avec l’option de niveau d’interception Afficher avec le code Javascript personnalisé (manuellement), vous devrez toujours appeler le

QSI.API.run();

pour que l’intercept s’affiche sur chaque page SPA.

Implémentation manuelle avec l’API JavaScript

Astuce Qualtrics : pour obtenir une documentation détaillée sur l’API JavaScript pour les commentaires sur le site Web de Qualtrics, consultez cette page.

Cette méthode décrit comment changer votre code de déploiement pour qu’il s’exécute manuellement.  Cela signifie que le code de déploiement n’exécutera ni n’évaluera la logique associée tant que la requête d’API JavaScript appropriée n’aura pas été lancée.

À implémenter manuellement

  1. Accédez à l’onglet Options.
    Accéder aux options de projet depuis la page Paramètres dans le Feedback de site Web
  2. Cliquez sur le menu déroulant Gérer un projet.
  3. Sélectionnez Options du projet.
  4. Activez l’option Charger projet manuellement.
    Loption Charger manuellement le projet est cochée dans les options du projet.
  5. Revenez à l’onglet Intercepts et, si vous le souhaitez, définissez une logique pour votre Intercept ou l’ Ensemble d’actions.
    Définition de la logique sur la page Intercepts
  6. Placez le code de déploiement sur votre site Web, de préférence dans un en-tête ou un pied de page global afin qu’il se charge sur toutes les pages.
  7. Ajoutez les demandes d’API JavaScript appropriées en fonction du nombre de fois où vous souhaitez que votre site Web référence l’Intercept. Voir la section ci-dessous pour ces demandes.

Demandes d’API JavaScript

Astuce Qualtrics : pour obtenir une documentation détaillée sur l’API JavaScript pour les commentaires sur le site Web de Qualtrics, consultez cette page.

Si vous souhaitez que Qualtrics évalue votre projet en une seule instance, utilisez ces deux requêtes :

  1. Cette demande charge le code de déploiement pour tous les Intercepts et Creatives sur la page. L’API de “chargement” est identique au rechargement d’une page comportant un code.
    QSI.API.load();
    Astuce Qualtrics : si Charger projet manuellement est activé dans les paramètres de votre projet, vous n’aurez pas besoin d’appeler cette API pour charger le code de déploiement lors du chargement initial de la page. Il sera uniquement nécessaire de forcer le chargement pour tenir compte des changements d’état sur la page qui se produisent sans rechargement.
  2. Cela lance l’évaluation du code de déploiement et fait apparaître tout Creative s’il remplit les conditions d’affichage.
    QSI.API.run() ;

Si vous souhaitez que Qualtrics évalue le code de votre projet plusieurs fois sur la même page, répétez les trois étapes suivantes à chaque fois :

  1. Cette demande supprime le code de déploiement pour tous les Intercepts ou Creatives présents sur la page.
    QSI.API.décharger();
  2. Cela charge le code de déploiement pour tous les Intercepts ou Creatives sur la page. Cela revient à recharger la page.
    QSI.API.load() ;
  3. Cela lance l’évaluation du code de déploiement et fait apparaître tout Creative s’il remplit les conditions d’affichage.
    QSI.API.run() ;

FAQ

De nombreuses pages de ce site ont été traduites de l'anglais en traduction automatique. Chez Qualtrics, nous avons accompli notre devoir de diligence pour trouver les meilleures traductions automatiques possibles. Toutefois, le résultat ne peut pas être constamment parfait. Le texte original en anglais est considéré comme la version officielle, et toute discordance entre l'original et les traductions automatiques ne pourra être considérée comme juridiquement contraignante.