Des problèmes d’affichage se produisent parfois dans la variable Adobe Target Compositeur d’expérience visuelle (VEC) sous certaines conditions.
Target ajoute deux paramètres (mboxEdit=1
et mboxDisable=1
) lors de l’ouverture du site web dans le compositeur d’expérience visuelle.
Si votre site web (en particulier les applications de page unique) supprime nos paramètres ou les supprime en naviguant d’une page à une autre (sans rechargement de page), la fonctionnalité Target est rompue et les bibliothèques Target ne se chargent pas.
Pour éviter ce problème, assurez-vous de ne pas supprimer ces deux paramètres.
Dans les compositeurs d’expérience, plusieurs problèmes peuvent avoir un impact sur les performances. Les problèmes courants sont les suivants :
Si des problèmes se produisent dans le compositeur d’expérience avancé, désactivez-le et utilisez le compositeur d’expérience visuelle à la place.
Pour désactiver le compositeur d’expérience avancé, accédez à Administration > Compositeur d’expérience visuelle et désactivez la fonction Activation du compositeur d’expérience avancé .
Le message d’erreur suivant s’affiche dans la console pour certains utilisateurs :
Si le compositeur d’expérience visuelle et le compositeur d’expérience avancé ne fonctionnent pas, utilisez une extension de navigateur telle que Requestly (Chrome ou Firefox) ou Modify Response Headers (Firefox) qui peut remplacer les options d’en-tête X-Frames pour votre site et les autoriser à être chargés dans des iFrames, en activant le compositeur d’expérience visuelle. Si vous ne pouvez pas avoir recours à des extensions de navigateur, utilisez le compositeur basé sur les formulaires.
Outre les informations suivantes, vous pouvez utiliser l’extension de navigateur Adobe Target VEC Helper pour Google Chrome.
Utilisez ces modules externes uniquement dans le cadre de modifications dans le VEC.
Pour l’extension 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.
Pour l’extension Modify Response Headers (Firefox), vous ne pouvez pas ajouter de règles d’URL, il convient donc d’effectuer l’opération suivante :
Pour utiliser l’extension Requestly dans Chrome ou Firefox :
Désactivez le compositeur d’expérience avancé.
Installez l’extension de navigateur Requestly dans Chrome ou Firefox.
Ouvrez l’extension et configurez-la de la manière suivante :
Sélectionnez Modify headers.
Saisissez les entrées suivantes :
Nom de la règle
Règles de modification
Basculez de Add vers Remove.
Basculez de Request vers Response.
Saisissez X-Frame-Options en tant que nom d’en-tête.
Répétez les étapes précédentes et saisissez « x-frame-options » comme nom d’en-tête.
Les en-têtes manipulés via Requestly sont sensibles à la casse.
Remplacez Equals par Contains pour la condition de l’URL source, puis saisissez l’URL de l’activité que vous essayez de charger dans le compositeur d’expérience virtuelle.
Cliquez sur Enregistrer.
Vous devez à présent être en mesure de charger rapidement la page à l’aide du compositeur d’expérience visuelle.
Pour utiliser l’extension Modify Response Headers dans Firefox :
Après avoir configuré une extension, ouvrez Target. Vos pages doivent à présent être chargées dans le compositeur d’expérience visuelle, et ce même si le compositeur d’expérience avancé est désactivé.
Le navigateur n’est pas pris en charge.
Le navigateur bloque une page non sécurisée d’un site sécurisé.
Dans la barre d’adresses du navigateur, cliquez sur l’icône située à gauche de l’URL, puis sur Désactiver la protection de cette page.
Vous avez tapé une URL incorrecte.
Vous n’avez pas entré d’URL par défaut dans la page de configuration du compte.
Assurez-vous que ce paramètre est activé, puis téléchargez et mettez à jour at.js sur votre site web.
Si vous essayez d’utiliser la variable new Assistant d’édition visuelle extension puis revenez à la ancienne extension et Target ne parvient pas à charger votre site web, effacez toutes les données du navigateur et désactivez la nouvelle extension.
Si le chargement de votre site web échoue dans le VEC ou se comporte de manière inattendue, un correctif potentiel consiste à accepter les cookies de votre site web dans le navigateur avant de tenter de charger le site web dans Target.
Lorsque vous utilisez le mode Parcourir, si vous accédez à une URL qui ne comporte pas Target bibliothèques implémentées (at.js or Adobe Experience Platform Web SDK) ou contient un en-tête frame-buster, le VEC semble rompu. En raison de problèmes de sécurité du navigateur, Target ne peut pas accéder correctement à l’URL à laquelle vous avez accédé ou l’URL du VEC ne se met pas à jour de manière cohérente lors du chargement de la page.
Ce problème se produit car le compositeur d’expérience visuelle charge la page web dans une <iframe>
. Les mécanismes de sécurité actuels des navigateurs empêchent le Target l’interface utilisateur d’ à partir de l’accès aux éléments du cadre donné en raison de la stratégie de même origine. Les navigateurs bloquent les scripts qui tentent d’accéder à un cadre d’une origine différente et qui contient des informations telles que la variable location.href
.
Vous devez utiliser la nouvelle Extension Visual Editing Helper (recommandé) ou le ancienne extension pour injecter la variable Target dans les pages afin de les parcourir de manière optimale.