DocumentationTargetGuide de Target

Résolution des problèmes liés aux Visual Experience Composer et Enhanced Experience Composer

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :

Dans certains cas, des problèmes d’affichage et d’autres problèmes se produisent parfois dans le Adobe Target Visual Experience Composer (VEC) et le Enhanced Experience Composer (EEC).

Comment les politiques dʼapplication des cookies SameSite de Google Chrome influencent-elles le VEC et l’EEC ? samesite

Tenez compte des modifications qui affectent le compositeur d’expérience visuelle et le compositeur d’expérience avancé lors de l’utilisation des versions Chrome suivantes :

NOTE
La modification suivante affecte les trois mises à jour décrites ci-dessous :
  • not pourra-t-il utiliser le VEC sans l’extension d’assistance du VEC installée et activée pour les pages protégées par mot de passe de vos sites. Les cookies de connexion à votre site sont considérés comme des cookies tiers et ne sont pas envoyés avec des demandes de connexion dans l’éditeur du VEC en mode de navigation. La seule exception concerne le fait que les attributs SameSite=None et Secure sont déjà définis pour les cookies de connexion à votre site.

Chrome 94 (21 septembre 2021) : avec les modifications prévues pour la version 94 de Chrome (21 septembre 2021), la modification suivante a un impact sur tous les utilisateurs disposant de versions de navigateur Chrome 94 et ultérieures :

  • L’indicateur de ligne de commande --disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure sera supprimé.

Chrome 91 (25 mai 2021) : avec les modifications mises en oeuvre pour la version 91 de Chrome (25 mai 2021), la modification suivante a un impact sur tous les utilisateurs disposant de versions de navigateur Chrome 91+ :

  • Les indicateurs #same-site-by-default-cookies et #cookies-without-same-site-must-be-secure ont été supprimés de chrome://flags. Ce comportement est désormais activé par défaut.

Chrome 80 (août 2020) : avec les modifications mises en oeuvre en août 2020, tous les utilisateurs disposant de versions de navigateur Chrome 80+ :

  • not pourra-t-il télécharger Target bibliothèques lors de la modification d’une activité (lorsqu’elles ne sont pas déjà sur le site) ? Cela est dû au fait que l’appel de téléchargement est effectué depuis le domaine client vers un domaine Adobe sécurisé et est rejeté comme non authentifié.
  • Le compositeur d’expérience avancé not fonctionnera pour tous les utilisateurs, car il ne peut pas définir l’attribut SameSite pour les cookies sur adobemc.com domain. Sans cet attribut, le navigateur rejette ces cookies, ce qui entraîne l’échec du compositeur d’expérience avancé.

Déterminer les cookies bloqués

Pour déterminer les cookies qui sont bloqués en raison des stratégies d’application des cookies SameSite, utilisez les outils de développement de Chrome.

  1. Pour accéder aux outils de développement, lors de l’affichage du VEC dans Chrome, cliquez sur l’icône ellipsis dans le coin supérieur droit de Chrome > More Tools > Developer Tools.

  2. Cliquez sur l’onglet Network > puis recherchez les cookies bloqués.

    note note
    NOTE
    Utilisez la case à cocher Has blocked cookies pour faciliter la recherche des cookies bloqués.

    L’illustration suivante présente un cookie bloqué :

    Outils de développement > Onglet Réseau présentant un cookie bloqué

Adobe Target Extension d’assistance du VEC

À partir de la version 0.7.1, l’extension de navigateur Adobe Target VEC Helper ajoute les attributs SameSite=None et Secure à tous les cookies sur les réponses provenant de pages web modifiées dans le compositeur d’expérience visuelle lorsque le bouton "Cookies" est activé dans l’interface utilisateur de l’extension :

Interface utilisateur de l’extension d’assistance Adobe Target VEC UIAdobe Target VEC Helper extension

Alternatives et solutions de contournement

Utilisez l’une des options suivantes pour vous assurer que VEC et compositeur d’expérience avancé continuent à fonctionner comme prévu :

  • Téléchargez et utilisez la extension d’assistance VEC mise à jour.

  • Utilisez le navigateur Mozilla Firefox. Firefox n’applique pas encore cette stratégie.

  • Utilisez les indicateurs suivants pour exécuter Google Chrome à partir de la ligne de commande jusqu’au 21 septembre 2021. Après le 21 septembre, les fonctionnalités qui nécessitent des cookies ne fonctionneront plus dans le compositeur d’expérience visuelle, telles que les fenêtres de connexion ou de consentement pour les cookies. Si vous effectuez une mise à jour vers Chrome 94, vous devez générer manuellement des cookies avec SameSite=none et Secure sur vos sites web.

    code language-none 
    --disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure

Target prend-il en charge les iframes à plusieurs niveaux ?

Target ne prend pas en charge les iframes à plusieurs niveaux. Si votre site web charge un iframe qui possède un iframe enfant, at.js interagit uniquement avec l’iframe parent. Les bibliothèques Target n’interagissent pas avec l’iframe enfant.

Pour pallier ce problème, vous pouvez ajouter une page dans l’expérience avec l’URL de l’iFrame enfant.

Lorsque je tente de modifier une page, tout ce que je vois est un compteur au lieu de ma page. (Compositeur d’expérience visuelle et compositeur d’expérience avancé) section_313001039F79446DB28C70D932AF5F58

Cette situation peut se produire si l’URL contient un caractère #. Pour corriger le problème, passez en mode Parcourir dans le compositeur d’expérience visuelle, puis repassez en mode Composer. Le compteur doit disparaître et la page doit se charger.

Les en-têtes CSP (Content Security Policy, stratégie de sécurité du contenu) bloquent les bibliothèques Target de mon site web. (Compositeur d’expérience visuelle et compositeur d’expérience avancé) section_89A30C7A213D43BFA0822E66B482B803

Si les en-têtes CSP de votre site web bloquent les bibliothèques Target, puis chargent le site web mais empêchent la modification, assurez-vous que les bibliothèques Target ne sont pas bloquées.

NOTE
Outre les informations suivantes, vous pouvez utiliser l’extension de navigateur Adobe Target VEC Helper pour Google Chrome.

image cps_headers

Pour contourner ce problème, vous pouvez configurer une règle Requestly permettant de supprimer les en-têtes CSP, comme indiqué ci-dessous :

cps_headers_2 image

Vous pouvez configurer une règle Requestly similaire pour tout en-tête qui empêche le chargement d’une ressource dans le compositeur d’expérience visuelle.

Pour Requestly, lorsque la suppression d’en-têtes est nécessaire, il convient d’effectuer l’une des opérations suivantes :

  • Ajoutez des règles d’URL pour les URL que vous souhaitez ouvrir avec le compositeur d’expérience visuelle. Les en-têtes sont alors supprimés uniquement pour ces URL.
  • Activez la règle lorsque vous effectuez une modification dans le compositeur d’expérience visuelle et désactivez la règle lorsque vous ne l’utilisez pas.

Le compositeur d’expérience visuelle et le compositeur d’expérience avancé semblent rompus et ne s’initialisent pas lors de la réédition d’une activité enregistrée. (Compositeur d’expérience visuelle et compositeur d’expérience avancé) section_5AC3BA8F8FBB451EA814F298D0645E54

Si le site web a été modifié en dehors du compositeur d’expérience visuelle une fois l’expérience définie, les sélecteurs sur lesquels des actions ont été entreprises antérieurement sont introuvables lorsque l’activité est ouverte pour réédition. La page apparaît rompue et aucun avertissement ne s’affiche.

Le compositeur d’expérience visuelle ou le compositeur d’expérience avancé n’affiche pas mes bannières tournantes ni le contenu comportant du code JavaScript. (Compositeur d’expérience visuelle et compositeur d’expérience avancé) section_8B5BE6EB050B42D6A14A054724C41330

Le compositeur d’expérience visuelle bloque par défaut les éléments JavaScript. Vous pouvez utiliser ces éléments si vous désactivez JavaScript dans les paramètres du compositeur d’expérience visuelle. Selon la configuration du site, il est possible que certains éléments continuent à s’afficher incorrectement ou ne soient pas disponibles.

Lorsque je modifie un élément sur la page, plusieurs éléments changent également. (Compositeur d’expérience visuelle et compositeur d’expérience avancé) section_309188ACF34942989BE473F63C5710AF

Si un même ID d’élément DOM est utilisé pour plusieurs éléments de la page, la modification d’un de ces éléments entraîne celle de tous les éléments dotés de cet ID. Pour éviter ce problème, un seul ID doit être utilisé sur chaque page. Cette pratique est une bonne pratique d’HTML standard. Pour plus d’informations, consultez les Scénarios de modification de page.

Je ne peux pas modifier des expériences sur un site avec des iFrames. (Compositeur d’expérience visuelle et compositeur d’expérience avancé) section_9FE266B964314F2EB75604B4D7047200

Ce problème peut être résolu en activant le compositeur d’expérience avancé. Cliquez sur Administation > Visual Experience Composer, puis cochez la case qui active le compositeur d’expérience avancé. Le compositeur d’expérience avancé utilise un serveur proxy géré par Adobe pour charger votre page pour modification. Ce proxy permet de modifier des sites avec des iFrames et d’effectuer des modifications sur des sites et des pages pour lesquels vous n’avez pas encore ajouté de code Adobe Target. Les activités ne sont pas diffusées sur le site tant que le code n’a pas été ajouté. Certains sites ne peuvent pas se charger via le compositeur d’expérience avancé, auquel cas vous pouvez décocher cette option afin de charger le compositeur d’expérience visuelle au moyen d’une iFrame.

NOTE
Vos pages hébergées localement ou non accessibles hors de votre réseau ne sont pas accessibles au serveur proxy d’Adobe et ne peuvent pas être ouvertes dans l’EEC. Ces pages peuvent inclure des URL d’évaluation, des URL d’essais d’acceptation par l’utilisateur (EAU) ou des pages hébergées localement.

Je souhaite configurer des tests sur des pages pour lesquelles l’implémentation mbox/cible n’a pas encore été faite. (Compositeur d’expérience visuelle et compositeur d’expérience avancé) section_DE63BCCB5B124E10A71FA579B582A80A

Voir « Je ne peux pas modifier des expériences sur un site avec des iFrames » ci-dessus.

Les styles de texte gras et italique appliqués avec Modifier le texte/l’HTML ou Modifier le texte/code HTML ne s’affichent pas sur ma page. Il arrive que le texte disparaisse après l’application de ces changements de style. (Compositeur d’expérience visuelle et compositeur d’expérience avancé) section_7A71D6DF41084C58B34C18701E8774E5

Si vous utilisez Edit Text/HTML dans le compositeur d’expérience visuelle pour les activités A/B ou de ciblage d’expérience ou Change Text/HTML pour les activités de test Automated Personalization ou multivarié pour mettre le texte en gras ou en italique, ces styles peuvent ne pas être appliqués sur la page ou le texte disparaît de la page dans le compositeur d’expérience visuelle. Cela se produit en raison de la manière dont l’éditeur de texte enrichi applique ces styles qui peuvent interférer avec le balisage du site web.

Si vous rencontrez ce problème :

  1. Cliquez sur le bouton HTML de l’éditeur de texte enrichi pour passer en mode d’édition du code source.

  2. Identifiez les éléments de texte auxquels vous avez appliqué un style.

    • Pour le texte en gras, remplacez les éléments <strong>< > par <b>.

    • Pour le texte en italique, remplacez les éléments <em> par <i>.

La permutation d’image apparaît rompue dans le compositeur d’expérience visuelle ou le compositeur d’expérience avancé pour les activités d’Automated Personalization. (Compositeur d’expérience visuelle et compositeur d’expérience avancé) section_88AABFDFE6A3420299B0D508B12A3994

L’ajout d’une offre d’image à un emplacement occupe l’ensemble de l’espace de l’image d’origine dans le compositeur d’expérience visuelle ou le compositeur d’expérience avancé. Lors de la diffusion, l’image n’est pas développée et est affichée en l’état, ce qui n’a aucun impact sur la diffusion.

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654