FAQ et problèmes courants du compositeur d’expérience visuelle

Découvrez comment résoudre les problèmes du compositeur d’expérience visuelle (VEC) d’Adobe Target avec des informations sur les défis d’iframe, le contenu mixte et la résolution de problèmes courants du compositeur d’expérience visuelle.

Description description

Environnement

Adobe Target

Problème/Symptômes

Ce document est créé pour répertorier les questions fréquentes sur la résolution des problèmes du compositeur d’expérience visuelle et certains des problèmes courants liés au compositeur d’expérience visuelle de Target.

Résolution resolution

Vérifications préliminaires :

  1. Paramètres de requête

    Vérifiez que le site web autorise les paramètres de requête. Le VEC ajoute automatiquement les paramètres de requête suivants à l’URL de la page : mboxEdit=1 et mboxDisable=1. Ouvrez le site web dans un onglet distinct et ajoutez à la fin les paramètres de requête ci-dessus et observez s’il y a un problème. Si votre site web est : www.customerwebsite.com, ouvrez un nouvel onglet et vérifiez : www.customerwebsite.com?mboxEdit=1&mboxDisable=1

  2. Le contenu mixte doit être autorisé

    Si vous utilisez du contenu actif personnalisé comme des fichiers JavaScript et CSS, ceux-ci doivent être téléchargés via HTTPS et non via HTTP.

    Document de référence Activation du contenu mixte dans votre navigateur

  3. La page web doit être accessible dans un iframe. Vérifiez si le site web prend en charge l’iframe ou les bloque en accédant à jsbin et en collant le code ci-dessous. Vérifiez si le site web s’ouvre dans un iframe. Remplacez facebook.com par l’URL du site web.

    code language-none
    !DOCTYPE html    html    head    meta charset="utf-8"     meta name="viewport" content="width=device-width"      titleJS Bin/title     /head    body       iframe src="https://www.facebook.com" height="700";width="850"/iframe    /body    /html
    
  4. Il peut y avoir une ou plusieurs techniques de décomposition d’iframe utilisées, dont peu sont répertoriées ci-dessous :

  5. Iframe Basé Sur JS. Vous pouvez le faire à l’aide de différents codes JavaScript.

    • Exemple de base :

      code language-none
      script
      if(top != window) {
         body.style.display = none;
      }
      /script
      

Il existe de nombreuses autres techniques de découpe d’iFrame de JavaScript et vous pouvez en voir les plus utilisées sur ce lien : Busting Frame

  • Les scripts JS suivants de Target sont téléchargés

    • target-vec.js
    • target-vec-helper.js
  • Si la structure DOM a été modifiée, il peut y avoir des erreurs dans VEC où les modifications configurées ne sont pas visibles dans VEC.

    Déterminez le sélecteur pour lequel l’action est rompue : dans la console, vous pouvez vérifier à l’aide de : _AT.querySelectorAll('<selector>')

    Document de référence pour la configuration du sélecteur : https://experienceleague.adobe.com/docs/target/using/experiences/vec/vec-selectors.html?lang=fr

  • Gérer les identifiants en double sur la page :

    Comme Target utilise des sélecteurs de la page pour créer et diffuser des recommandations, il est essentiel de s’assurer que la page est conforme aux points ci-dessous :

    • Utiliser des classes
    • Utiliser des attributs uniques présents dans les éléments
    • Vérifier si le sélecteur correspond à l’élément Unique
    • Supprimez les noms de classe dynamiques des sélecteurs tels que actif, sélectionné, etc.

Assurez-vous que les éléments ne sont pas contenus dans un iframe lui-même, car le VEC charge le contenu dans un iframe, de sorte que l’iframe dans un iframe parent ne fonctionne pas.

Problèmes courants :

  1. Impossible de se connecter à la banque en ligne dans VEC pour effectuer la modification de l’HTML.

    • Le VEC d’Adobe Target nécessite l’extension d’assistance du VEC pour charger la page.
    • Autoriser le contenu non sécurisé des paramètres du site.
    • Définissez le compositeur d’expérience avancé sur désactivé.
    • Accédez à la page dans VEC à l’aide de "Browse mode".
    • Cliquez sur Composer pour effectuer les modifications.
  2. Les vues de déclencheur ne sont pas disponibles dans VEC pour créer des modifications.

    • La page peut utiliser des objets Worker de service qui ne permettent pas de déclencher des vues disponibles. Voici les étapes à suivre pour contourner ce scénario :

      • Après avoir chargé la page dans VEC, assurez-vous de désactiver le compositeur d’expérience avancé de la diffusion de page, de désactiver les agents de service et d’activer les deux options dans l’extension d’assistance du compositeur d’expérience visuelle : injecter des bibliothèques Target et des cookies.
      • Cliquez sur Parcourir et cliquez sur Accepter les cookies.
      • Cliquez dans la barre d’adresse de la page du VEC et appuyez sur Entrée pour que la page s’actualise correctement dans VEC. Les noms des vues doivent s’afficher, y compris dans la superposition.
      • Assurez-vous que la fonction Trigger Views se déclenche de manière cohérente sur la page. Les vues ne seront disponibles que lorsque la fonction Trigger Views se déclenchera.
  3. Impossible d’accéder aux pages autorisées dans VEC

    • Accédez à la page autorisée dans un navigateur en dehors du compositeur d’expérience visuelle. Accédez ensuite à la page dans Target, dans l’onglet Nouveau navigateur de la même fenêtre.
  4. Impossible d’accéder à la page à l’aide du DOM fantôme dans le VEC de Target

    • Assurez-vous que la page utilise la dernière bibliothèque cible.
    • Assurez-vous que tous les composants web sont chargés avant que la page ne soit accessible dans VEC
  5. Impossible d’accepter les cookies et de parcourir le site web dans VEC

    • Accédez au navigateur de cookies en dehors du compositeur d’expérience visuelle. Accédez ensuite à la page dans Target, dans l’onglet Nouveau navigateur de la même fenêtre.

Des problèmes plus courants du VEC et leurs résolutions sont également répertoriés ici
Résolution des problèmes du compositeur d’expérience visuelle et du compositeur d’expérience avancé

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f