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

Description

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 à Target VEC

Résolution

Vérifications préliminaires

1. Paramètres de requête

   Vérifiez que site web permet le paramètre de requête

   Le VEC ajoute automatiquement les paramètres de requête suivants à l’URL de la page : mboxEdit=1 & mboxDisable=1.

   Alors, veuillez ouvrir le site web dans un onglet distinct et ajouter à la fin les paramètres de requête ci-dessus et vérifier s’il existe un problème.

   Si le site web du client est : www.customerwebsite.com, ouvrez un nouvel onglet et cochez : www.customerwebsite.com?mboxEdit=1&mboxDisable=1

2. Le contenu mixte doit être autorisé.

   Si le client utilise du contenu principal 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 https://experienceleague.adobe.com/docs/target/using/experiences/vec/troubleshoot-composer/mixed-content.html?lang=en

3. La page web doit être accessible dans un iframe.

   Vous pouvez vérifier si le site web du client prend en charge iframe ou les bloque en accédant à https://jsbin.com/ and coller sous le code et voir si le site web du client s’ouvre dans un iframe :

   !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
   

   Remplacer facebook.com par l’URL du site web

   Il peut y avoir une ou plusieurs techniques d’iframe utilisées, dont peu sont répertoriées ci-dessous.

   • En-tête X-Frame-Options

     X-Frame-Options: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options

     Cet en-tête peut être supprimé si nécessaire via Requestly (Chrome (extension) comme décrit sur la documentation publique :

     Document de référence : https://docs.adobe.com/content/help/fr-FR/target/using/experiences/vec/troubleshoot-composer/troubleshooting-issues-related-to-the-visual-experience-composer-vec.html

   • Interruption des iframes basées sur JS

   Pour ce faire, vous pouvez utiliser différents codes JavaScript.

   Exemple de base :

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

   Il existe de nombreuses autres techniques de découpe d’iFrame JavaScript, notamment les plus utilisées sur ce lien :

   https://seclab.stanford.edu/websec/framebusting/framebust.pdf

4. Suivre Target Les scripts JS sont téléchargés.

   • target-vec.js

   • target-vec-helper.js

5. 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.

   Figure : Sélecteur pour lequel l’action est interrompue : Dans la console, vous pouvez vérifier à l’aide des éléments suivants : _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=en#

6. Gérer les identifiants en double sur la page : As Target utilise des sélecteurs de la page pour créer et diffuser des recommandations. Il est donc 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
   • Supprimer dynamique classNames des sélecteurs comme active, selected, etc.

7. Veillez à ce que les éléments ne soient pas contenus dans un iframe lui-même, car le compositeur d’expérience visuelle 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 du 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é.

   • Parcourez la page dans VEC à l’aide du "mode Parcourir".

   • 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, veillez à désactiver le compositeur d’expérience avancé de Diffusion de page, désactivez les agents de service et activez les deux options dans l’extension d’assistance du compositeur d’expérience visuelle : Inject Target Bibliothèques et cookies

   • Cliquez sur Parcourir, puis 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 le 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 d’affichage de déclencheur se déclenche.

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 le nouvel onglet du navigateur de la même fenêtre

4. Impossible d’accéder à la page à l’aide du DOM fantôme dans Target VEC

   • Assurez-vous que la page utilise la dernière Target bibliothèque
   • 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 le nouvel onglet du navigateur de la même fenêtre

D’autres problèmes courants du compositeur d’expérience visuelle et leurs résolutions sont également répertoriés ici https://experienceleague.adobe.com/docs/target/using/experiences/vec/troubleshoot-composer/troubleshoot-composer.html?lang=en