Compositeur d’expérience visuelle (VEC)

Informations sur l’utilisation de Visual Experience Composer (VEC) dans Adobe Target.

Le VEC est une interface utilisateur WYSIWYG qui vous permet de créer et de tester facilement des expériences et des offres personnalisées dans le contexte du site. Vous pouvez créer des expériences et des offres pour les activités Target en faisant glisser, en permutant et en modifiant la mise en page et le contenu d’une page Web (ou d’une offre) ou d’une page Web mobile.

Le compositeur d’expérience visuelle constitue l’une des principales fonctionnalités d’ Adobe Target. Le VEC permet aux marketeurs et aux concepteurs de créer et de modifier du contenu à l’aide d’une interface visuelle. Il est possible d’effectuer la plupart des choix de conception sans modifier directement le code. Il est également possible de modifier le code HTML et JavaScript à l’aide des options d’édition du compositeur.

Dans l’onglet Cible Administration > Visual Experience Composer , vous pouvez saisir l’URL du compositeur d’expérience visuelle par défaut.

Paramètres d’URL de VEC par défaut

Cette URL détermine votre point de départ lors de l’ouverture de VEC. Si vous ne saisissez pas d’URL par défaut, vous commencez par une page vide, puis vous spécifiez une URL.

NOTE
Certains navigateurs tels que Firefox peuvent empêcher l’affichage d’une page dans VEC si celle-ci comporte du contenu mixte (une page non sécurisée d’un site sécurisé, par exemple). Si votre page ne s’affiche pas, cliquez sur l’icône en regard de l’URL dans la barre d’adresse du navigateur, puis cliquez sur Disable protection on this page. Ce problème n’a aucun impact sur l’affichage de vos pages pour les visiteurs du site.

Le contenu dans un iframe sur la page ne peut pas être modifié dans VEC. Pour modifier du contenu dans un iframe, assurez-vous que le document iframe est activé pour Target, puis chargez cette URL d’iframe dans VEC.

Vous pouvez utiliser les menus déroulants se trouvant dans la partie supérieure de la page pour afficher votre page telle qu’elle apparaîtrait aux différentes audiences ou avec différentes expériences. Vous pouvez attribuer un nom à chaque expérience dans la deuxième liste déroulante. Par exemple, si vous testez l’emplacement du lien Accueil dans la barre de navigation, vous pouvez nommer une expérience pour laquelle le lien Accueil s’affiche tout d’abord comme « lien Accueil » pour faciliter l’identification des expériences dans la liste.

NOTE
Remarque : Les modifications apportées à la structure d’une page qui affectent les emplacements utilisés dans une activité créée sur cette page peuvent créer des problèmes avec l’édition des expériences. Si un emplacement a été modifié en dehors de VEC, Target peut ne pas être en mesure de trouver l’emplacement où le contenu a été modifié.

Lorsque vous déplacez votre pointeur dans la page, une zone contextuelle le suit, mettant en surbrillance les éléments de la page.

Mise en surbrillance de VEC

Cliquez sur l’icône Overlays pour modifier l’affichage de la mise en surbrillance. Par exemple, vous pouvez choisir de mettre uniquement en surbrillance les images, les liens, les mbox régionales, les modifications ou JavaScript. Vous pouvez modifier la couleur du surlignage. Vous pouvez également spécifier une couleur de surbrillance et un type de remplissage à utiliser pour différents types d’éléments.

Modification des paramètres de Recouvrement

Cliquez sur un élément en surbrillance pour afficher un menu d’options disponibles pour ce type d’élément. Vous pouvez par exemple cliquer sur une image et sélectionner Edit > Text/HTML pour modifier le texte, ou cliquer sur un bouton pour modifier la couleur de fond. Vous pouvez utiliser les boutons situés dans la partie supérieure gauche de la page pour activer ou désactiver les recouvrements.

Vous pouvez également cliquer sur Browse, puis accéder à une page disponible à partir de la page principale, telle qu’une page d’expédition ou un panier d’achat, et tester les modifications sur cette page. Vous pouvez également accéder aux éléments de la page qui sont disponibles lorsque vous passez le curseur tels que les menus des fenêtres déroulantes et les mini-paniers. Lorsque vous avez terminé de parcourir la page, cliquez sur Compose pour modifier l’expérience. Par exemple, vous souhaitez peut-être modifier la conception d’une liste déroulante de panier d’achat ou d’un carrousel d’images.

NOTE
Si un état de survol dépend de JavaScript, assurez-vous que Disable JavaScript n’est pas sélectionné. JavaScript doit être activé pour modifier des éléments JavaScript.

Pour obtenir des informations sur les options disponibles dans le compositeur d’expérience visuelle, voir Options du compositeur d’expérience visuelle.

Vous pouvez effectuer certaines modifications sur une page pendant le chargement de la page (ou même si la page ne parvient pas à se charger complètement), ou vous pouvez annuler le chargement des pages dans VEC. Pour obtenir plus d’informations, voir :

Modifier une page pendant le chargement de la page ou si la page ne parvient pas à se charger complètement loading

Vous pouvez effectuer de nombreuses actions avant le chargement de la page dans VEC, ou même si la page ne parvient pas à se charger complètement (par exemple, si un code personnalisé n’est plus fonctionnel).

Raisons pour lesquelles vous pouvez accéder à une page ou la modifier pendant qu’elle est chargée dans VEC ou bien si elle ne parvient pas à se charger complètement :

  • Vous souhaitez apporter une modification simple à une page, par exemple pour ajouter du code personnalisé ou modifier le nom d’une expérience
  • Vous souhaitez copier du code personnalisé existant dans une page qui n’est plus accessible
  • Vous savez qu’une page ne se charge pas dans VEC, mais vous souhaitez effectuer des modifications simples.

Pendant le chargement de la page (ou si le chargement de la page échoue), le panneau Experiences, le panneau Modifications et les paramètres en haut de l’expérience (Recouvrements, Modifications, Configurer, etc.) sont tous accessibles.

L’illustration suivante montre que vous pouvez insérer du code personnalisé ou effectuer d’autres actions pendant le chargement de la page :

Chargement de page

Annulation du chargement d’une page dans VEC cancel-loading

Vous pouvez annuler le chargement d’une page dans VEC pour déverrouiller la modification de l’activité sans attendre le chargement de la page. Cette fonctionnalité permet d’économiser du temps et d’effectuer des modifications ou d’insérer du code personnalisé plus efficacement sans attendre le chargement de la page dans VEC.

Voici quelques raisons pour lesquelles vous souhaitez annuler le chargement des pages dans VEC :

  • Vous souhaitez apporter des modifications mineures aux modifications existantes
  • Vous souhaitez supprimer une ou plusieurs modifications existantes
  • Vous souhaitez insérer ou modifier du code personnalisé
  • Vous avez saisi par erreur une URL erronée pour la page
  • Vous souhaitez activer ou désactiver JavaScript avant de charger la page dans VEC
  • Vous souhaitez ajouter d’autres règles de test de modèle aux critères de diffusion de page
  • Vous souhaitez remplacer le basculement de compositeur d’expérience amélioré global (EEC) lors du chargement d’une page via EEC ou iframe-only peut varier d’une page à l’autre.

Après avoir annulé le chargement des pages dans VEC, vous pouvez basculer entre les expériences de l’activité sans attendre le chargement de la page. Pour afficher à nouveau la page dans le VEC, vous devez cliquer sur le bouton Reload .

IMPORTANT
Gardez à l’esprit que lorsque le code personnalisé ou toute modification est effectué, vous devez vous assurer que le codage ou les modifications sont effectués correctement en choisissant d’annuler le chargement dans VEC. Assurez-vous d’effectuer un contrôle qualité adéquat pour vous assurer que votre code personnalisé et toute autre modification sont diffusés comme prévu.

Pour annuler le chargement d’une page dans VEC, cliquez sur le bouton Cancel Loading pendant le chargement de la page. La page ne se charge pas dans VEC pour cette activité durant la session de modification en cours.

Bouton Annuler le chargement

Pour continuer à gérer les expériences dans l’activité actuelle ou ajouter de nouvelles modifications, vous devez cliquer sur le bouton Reload .

Bouton Recharger

Vidéos de formation

Les vidéos suivantes contiennent davantage d’informations sur les concepts abordés dans cet article.

Compositeur d’expérience visuelle (1 sur 2) (7:17) Badge de tutoriel

  • Modification du contenu d’une page
  • Modification de la mise en page d’une page

Compositeur d’expérience visuelle (2 sur 2) (7:29) Badge de tutoriel

  • Attribution d’un nouveau nom à une expérience et duplication d’une expérience
  • Création d’une expérience de redirection
  • Ciblage d’une activité sur une URL unique ou un groupe d’URL
  • Création d’une activité multipage
  • Prévisualisation et création d’expérience pour des sites web réactifs
  • Utilisation de superposition pour mettre en avant des types d’éléments

Heures de bureau : compositeur d’expérience visuelle badge de tutoriel

Cette vidéo est un enregistrement des « Heures de bureau », une initiative lancée par l’équipe d’assistance clientèle d’Adobe.

  • Fonctionnement du VEC
  • Comment éviter les problèmes courants liés au VEC
  • Solutions de contournement utilisables avec le VEC
recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654