Visual Experience Composer Helper extension
L’extension d’assistance de navigateur Adobe Target Visual Experience Composer (VEC) pour Google Chrome vous permet de charger des sites web de manière fiable dans le VEC 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.
-
L’ancienne extension d’assistance VEC Target documentée dans cet article a été créée à l’aide du manifeste V2. Google a annoncé qu’il n’autoriserait plus les extensions créées à l’aide de Manifest V2 à compter de juin 2024. Pour plus d’informations, voir l’ annonce de la chronologie de la prise en charge de Manifest V2 à partir de Google sur le site Chrome for Developers.
-
À compter de juin 2024, Google commencera à désactiver les extensions créées à l’aide du manifeste V2, y compris l’extension documentée dans cette rubrique. Adobe recommande à la clientèle de passer à la version la plus récente de l’extension Assistant d’édition visuelle dès que possible.
-
Les clients qui utilisent des magasins web Chrome privés doivent continuer à utiliser cette version de l’extension jusqu’à ce que la prise en charge de ce cas d’utilisation soit implémentée dans la nouvelle extension Visual Editing Helper d’ici la fin janvier 2025.
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 Service Workers (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 serveur de logiciels. 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 pallier ce problème, vous pouvez désactiver Service Workers dans l’onglet Outils de développement Chrome > Application , puis activer la case à cocher "Contournement pour le réseau" sous la section Service Workers.
- Vous utilisez Google Chrome 80+ avec des stratégies améliorées d’application des cookies SameSite. Pour plus d’informations, voir Quel est l’impact des stratégies d’application des cookies SameSite de Google Chrome récemment annoncées sur le compositeur d’expérience visuelle et le compositeur d’expérience avancé?
L’extension de navigateur VEC Helper pour Chrome résout les problèmes de chargement de site pour lesquels les clients se fient désormais au 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 le Compositeur d’expérience visuelle.
-
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
-
Accédez à l’extension de navigateur Adobe Target VEC Helper dans le magasin Web Chrome.
-
Cliquez sur Add to Chrome > Add Extension.
-
Ouvrez le VEC dans Target.
-
Pour utiliser l’extension, cliquez sur l’icône de l’extension du navigateur d’assistance de VEC (
-
(Conditionnel) Faites glisser la bascule Inject Target Libraries vers la position "activée" si la page web ne contient pas encore la bibliothèque JavaScript at.js Target.
L’illustration suivante présente l’assistant de VEC avec le paramètre Inject Target Libraries activé :
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 :
-
(Conditionnel) Faites glisser la bascule Cookies vers la position "activée" pour ajouter automatiquement le correctif du navigateur d’attributs
SameSite=None.
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 Inject Target libraries de 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 à partir de Target UI dans Administration > Implementation.
-
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.