Extension d’assistance du Compositeur d’Expérience Visuelle

Le Adobe Target Compositeur d’expérience visuelle (VEC) L’extension d’assistance de navigateur pour Google Chrome vous permet de charger de manière fiable des sites web dans le compositeur d’expérience visuelle afin de créer rapidement des expériences web et d’en contrôler la qualité.

Le navigateur d’assistance de VEC est une extension Chrome. Cette extension n’est pas nécessaire lors de l’utilisation de Mozilla Firefox.

IMPORTANT
La variable Target L’extension d’assistance du VEC documentée dans cet article a été créée à l’aide de Manifest v2. Google a récemment annoncé qu’il n’autoriserait plus les nouvelles extensions créées à l’aide de Manifest v2.
L’extension existante fonctionne toujours dans Google Chrome. À l'avenir, Adobe abandonnera l’extension d’assistance documentée dans cette rubrique et exigera des clients qu’ils passent à la version plus récente de Extension Visual Editing Helper. Vous serez averti via les notes de mise à jour et le texte de cet article lorsque cette extension cessera de fonctionner. Cependant, en raison des améliorations de sécurité dans Manifest v3, Adobe recommande de télécharger la nouvelle extension pour continuer à créer visuellement vos sites web dans Target.

Raisons pour lesquelles certains sites web peuvent ne pas s’ouvrir de manière fiable dans le VEC :

  • Le site Web possède des politiques strictes en matière de sécurité.
  • Le site Web se trouve dans un iframe.
  • La bibliothèque at.js n’est pas encore instaurée sur le site Web.
  • Le site d’assurance qualité et/ou d’étape du client n’est pas disponible pour le grand public (site interne).
  • Il existe actuellement certaines limites lors de la tentative d’utilisation du compositeur d’expérience visuelle pour ouvrir un site web qui utilise Travailleurs du service (SW).

Un SW est une technologie web qui peut être utilisée pour intercepter les requêtes du domaine sur lequel il est installé par une page web. Le SW survit à la visite de la page et s’active lors de visites ultérieures. Le SW décide quelles requêtes passent et lesquelles sont interceptées puis diffusées à partir d’un cache.

Le SW peut contrôler le caching. Il peut mettre en cache la page web elle-même, les ressources statiques telles que les requêtes JS, CSS, IMG, AJAX, leur contenu et leurs en-têtes de réponse, y compris les éléments que notre extension d’assistance du VEC de Target tente de supprimer, comme X-Frame-Options : SAMEORIGIN, CSP (Content-Security-Policy) ou Set-Cookie.

Malheureusement, les API de l’extension Chrome qui interceptent les requêtes web ne reçoivent pas les requêtes qui ont été interceptées et gérées par un logiciel de traitement des données. Par conséquent, l’extension ne peut pas corriger les en-têtes et les cookies si la demande de page web a été diffusée à partir d’un cache par un serveur d’applications web (SW), car la page web ne se charge pas dans le VEC en raison des en-têtes X-Frame-Options ou CSP qui ont également été mis en cache.

Pour contourner ce problème, vous pouvez désactiver Service Workers dans l’onglet Chrome Developer Tools > Application, puis activer la case à cocher « Contourner pour le réseau » sous la section Service Workers.

L’extension de navigateur VEC Helper pour Chrome résout les problèmes de chargement du site pour lesquels les clients dépendent désormais de la variable Target Compositeur d’expérience avancé ou des extensions tierces, telles que Requestly.

Avantages de l’extension d’assistance du compositeur d’expérience visuelle

  • Tous les en-têtes qui démolissent un iframe, comme X-Frame-Options et Content-Security-Policy, sont implicitement supprimés du site web. Il n’est plus nécessaire de créer des règles complexes avec Requestly.

  • Si une page Web ne contient pas encore la bibliothèque JavaScript at.js Target, vous pouvez utiliser l’extension pour injecter la bibliothèque afin de pouvoir créer des expériences pour le site Web. Vous pouvez ensuite créer des activités et leur faire passer les tests d’assurance qualité en utilisant des liens d’aperçu.

    Notez que l’utilisation du compositeur d’expérience avancé (EEC) ne permet pas d’injecter at.js, mais la fonctionnalité SameSite Cookie est toujours présente. Pour injecter at.js sur la page web, désactivez l’Enhanced Experience Composer.

  • Les fenêtres d’affichage mobiles sont prises en charge même sans le Enhanced Experience Composer (EEC).

  • Les clients qui débutent avec Target peuvent se servir de l’extension pour expérimenter Target même si leurs développeurs informatiques n’ont pas encore mis en œuvre Target sur leurs sites Web.

  • Les partenaires qui gèrent les sites Web et les comptes Target de plusieurs clients disposent désormais d’un mécanisme simple pour prendre en charge le chargement du compositeur d’expérience visuelle, plutôt que de gérer plusieurs règles dans des outils tiers.

Obtenir et installer l’extension d’assistance du compositeur d’expérience visuelle

  1. Accédez au Extension de navigateur Adobe Target VEC Helper dans Chrome Web Store.

  2. Cliquez sur Ajouter à Chrome > Ajouter une extension.

  3. Ouvrez le VEC dans Target.

  4. Pour utiliser l’extension, cliquez sur l’icône de l’extension du navigateur d’assistance de VEC ( icône de l’assistant de VEC ) dans la barre d’outils du navigateur Chrome lorsque vous êtes en mode VEC ou en mode AQ.

  5. (Conditionnel) Glissez le Injection de bibliothèques Target basculez sur la position "activé" si la page web ne contient pas encore le paramètre Target Bibliothèque JavaScript at.js.

    L’illustration suivante présente l’assistant de VEC avec le paramètre d’injection des bibliothèques Target activé :

    Assistant de VEC 1

    L’illustration suivante présente l’assistant de VEC vous demandant si vous souhaitez qu’il injecte des bibliothèques Target dans la page pour activer la création :

    Assistant de VEC 2

  6. (Conditionnel) Glissez le Cookies pour ajouter automatiquement la fonction SameSite=None Correctif du navigateur d’attributs.

    Bascule des cookies dans l’extension d’assistance de VEC

    Pour plus d’informations sur le correctif de navigateur d’attribut SameSite=None, consultez la section « Comment les politiques d’application des cookies SameSite récemment annoncées par Google Chrome influencent-elles le VEC et l’EEC ? » dans Résolution des problèmes liés au Compositeur d’expérience visuelle et au Compositeur d’expérience améliorée.

Remarques

  • L’indicateur d’Injection de bibliothèques Target dans l’extension est désactivé par défaut. Vous pouvez activer cet balise si vous souhaitez utiliser le VEC sur un site qui n’a pas encore été mis en œuvre pour Target.

    Cet indicateur est un paramètre global. La balise est activée ou désactivée pour tous les sites Web ouverts dans le VEC. Ainsi, par exemple, si vous activez cet indicateur et ouvrez un site web déjà mis en oeuvre avec at.js, vous recevez un message vous informant que at.js est déjà chargé. Adobe prévoit que la plupart des clients ont déjà mis en oeuvre at.js sur leurs pages et utilisent le paramètre par défaut "désactivé".

  • L’extension charge la dernière version d’at.js disponible dans le Target UI in Administration > Mise en oeuvre.

  • Lorsque vous utilisez l’extension pour injecter at.js en mode AQ, un autre onglet Chrome doit être ouvert. Cet onglet Chrome doit être authentifié dans la même Adobe Experience Cloud organisation que celle dans laquelle vous avez créé l’activité.

  • Les messages suivants vous permettent de rester informé :

    • Si vous tentez de charger un site Web à l’aide du VEC et que le chargement échoue, un message s’affiche pour vous suggérer d’installer l’extension de navigateur VEC Helper.
    • Si at.js n’est pas encore mis en œuvre sur le site Web, un message s’affiche dans le VEC pour suggérer d’installer l’extension.
    • Si l’extension est activée et alimente le chargement, des messages s’affichent lorsque l’extension injecte la bibliothèque at.js (si nécessaire) ou aide à ouvrir le site Web de manière fiable dans le VEC.
recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654