Résolution des problèmes liés au compositeur d’expérience visuelle et au compositeur d’expérience avancé

Dans certaines conditions, des problèmes d’affichage et d’autres problèmes se produisent parfois dans le compositeur d’expérience visuelle (compositeur d’expérience visuelle) et le compositeur d’expérience amélioré (compositeur d’expérience CEE).

Quel est l’impact des politiques récemment annoncées en matière d’application des cookies dans Google Chrome SameSite sur le compositeur d’expérience visuelle et la CEE ?

Avec les dernières modifications (août 2020), tous les utilisateurs disposant de versions de navigateur Chrome 80+ :

  • Ne pourra pas utiliser le compositeur d’expérience visuelle (avec ou sans l’extension d’assistance du compositeur d’expérience visuelle installée et activée) dans les pages protégées par mot de passe de leurs sites. En effet, les cookies de connexion de leur site seront considérés comme des cookies tiers et ne seront pas envoyés avec la demande de connexion. La seule exception est lorsque le cookie de connexion au site du client comporte déjà le paramètre MêmeSite défini sur "aucun".
  • Ne pourra pas télécharger Target les bibliothèques lors de la modification d’une activité (quand elles ne sont pas déjà sur le site). En effet, l’appel de téléchargement est effectué à partir du domaine du client vers un domaine d’Adobe sécurisé et est rejeté comme non authentifié.
  • La CEE ne fonctionnera pas pour tous les utilisateurs, car elle n'est pas en mesure de définir l'attribut MêmeSite pour les cookies sur adobemc.com domain. Sans cet attribut, le navigateur rejette ces cookies, provoquant l’échec de la CEE.

Adobe a envoyé une extension d’assistance du compositeur d’expérience visuelle mise à jour à Google Chrome Store. Cette extension remplace les attributs du cookie pour définir l’ SameSite="none" attribut, si nécessaire. L’extension mise à jour se trouve ici. Pour plus d’informations sur l’installation et l’utilisation de l’extension d’assistance du compositeur d’expérience visuelle, voir Extensiond’assistance du compositeur d’expérience visuelle.

Pour les cookies de votre site, vous devez spécifier les cookies par nom. Faites basculer le curseur Cookie sur la position active, puis indiquez le cookie par nom et le domaine du cookie. Le nom du cookie est "mbox" et le domaine du cookie est le deuxième niveau et le niveau supérieur des domaines à partir desquels vous servez la mbox. Il s’agit d’un cookie propriétaire, puisqu’il est diffusé à partir du domaine de votre société. Exemple: mycompany.com. Pour plus d’informations, voir Cookies Adobe Target dans le Guide de l’interface Experience Cloud.

Basculement des cookies dans l’extension d’assistance du compositeur d’expérience visuelle

Solutions de remplacement et solutions

Utilisez l’une des options suivantes pour vous assurer que votre CVE et votre CEE continuent de fonctionner comme prévu :

  • Téléchargez et utilisez l’extension d’assistanceVEC mise à jour.

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

  • Continuez à utiliser Chrome, mais définissez l’ chrome://flags/#same-site-by-default-cookies indicateur sur "Désactivé".

    Remarque

    Cela ne suffira pas si l’attribut MêmeSite est déjà défini sur "Lax" ou "Strict" sur le serveur.

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, les bibliothèques Target (at.js et mbox.js) interagissent avec l’iFrame parent uniquement. 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é)

Cela se produit si l’URL comporte 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 sur mon site web. (Compositeur d’expérience visuelle et compositeur d’expérience avancé)

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.

Remarque

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

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

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é)

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é)

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.

Échec du chargement de mon fichier target.js hébergé lors des chargements consécutifs de la page. (Compositeur d’expérience visuelle et compositeur d’expérience avancé)

Ce problème survient quand les clients ont une version de mbox.js antérieure à la version 57 (c.-à-d. version 56 ou antérieure).

Nous recommandons à tous les utilisateurs du compositeur d’expérience visuelle de mettre à niveau la dernière version de mbox.js ou d’effectuer au moins la mise à niveau vers la version 57. Vous devez également envisager d’effectuer la transition vers at.js.

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é)

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. Il s’agit d’une bonne pratique 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é)

Ce problème peut être résolu en activant le compositeur d’expérience avancé. Click Administation > Visual Experience Composer, then select the check box that enables the Enhanced Experience Composer. Le compositeur d’expérience avancé utilise un serveur proxy géré par Adobe pour charger votre page pour modification. Il permet de modifier des sites avec des iFrames ainsi que 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. []

Remarque

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é)

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é)

Si vous utilisez Modifier le texte/l’HTML dans le compositeur d’expérience visuelle pour des activités A/B ou de ciblage d’expérience ou Modifier le texte/code HTML pour des activités d’Automated Personalization ou de test multivarié pour mettre le texte en gras ou en italique, ces styles ne seront peut-être pas appliqués sur la page ou le texte disparaîtra peut-être de la page dans le compositeur d’expérience visuelle. En effet, la façon dont l’éditeur de texte enrichi applique ces styles peut interférer avec le balisage du site.

Si vous rencontrez ce problème :

  1. Cliquez sur le bouton HTML dans l’éditeur de texte enrichi pour entrer dans le mode de modification 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é)

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.

Sur cette page