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
Vérifications préliminaires
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
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
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
Suivre Target Les scripts JS 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.
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#
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.
classNames
des sélecteurs comme active
, selected
, etc.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:
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.
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.
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
Impossible d’accéder à la page à l’aide du DOM fantôme dans Target VEC
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