Extensión del Helper del Compositor de experiencias visuales

La variable Adobe Target Compositor de experiencias visuales (VEC) La extensión del explorador Helper para Google Chrome permite cargar sitios web de forma fiable dentro del VEC para crear y realizar controles de calidad de experiencias rápidamente.

NOTA

El explorador VEC Helper es una extensión de Chrome. Esta extensión no es necesaria cuando se utiliza Mozilla Firefox.

Razones por las que algunos sitios web podrían no abrirse de forma fiable en el VEC

  • El sitio web tiene normas estrictas de seguridad.
  • El sitio web se encuentra en un iframe.
  • Aún no se ha implementado la biblioteca at.js en el sitio web.
  • El control de calidad o el sitio del cliente no están disponibles para el mundo exterior (el sitio es interno).
  • Existen algunas limitaciones actuales al intentar usar el VEC para abrir un sitio web que esté usando Service Workers (SW).

Un SW es una tecnología web que se puede utilizar para interceptar solicitudes del dominio en el que están instalados en una página web. El SW sobrevive a la visita de página y se activa en visitas posteriores. El SW decide qué solicitudes pasan y cuáles se interceptan y sirven desde una caché en su lugar.

El SW puede controlar el almacenamiento en caché; puede almacenar en caché la página web en sí, los recursos estáticos como JS, CSS, IMG, las solicitudes de AJAX, su contenido y sus encabezados de respuesta, incluidos los que la Extensión de Target VEC Helper intenta quitar, como X-Frame-Options: SAMEORIGIN, CSP (Content-Security-Policy) o Set-Cookie.

Desafortunadamente, las API de extensión de Chrome que interceptan solicitudes web no reciben las solicitudes interceptadas y gestionadas por un SW. Por lo tanto, la extensión no puede corregir los encabezados y las cookies si la solicitud de página web la proporcionó un SW desde una caché porque la página web no se cargará dentro del VEC, debido a los encabezados X-Frame-Options o CSP que también se almacenaron en caché.

Como solución, puede deshabilitar los Service Workers desde la pestaña Herramientas para desarrolladores de Chrome > Aplicación y, a continuación, activar la casilla Saltar para acceder a red en la sección Service Workers.

La extensión del explorador VEC Helper para Chrome resuelve los problemas de carga de sitios para los que los clientes ahora dependen de Target Compositor de experiencias mejorado o extensiones de terceros, como Requestly.

Beneficios del uso de la extensión VEC Helper

  • Todos los encabezados de eliminación de iframes, como X-Frame-Options y Content-Security-Policy, se eliminan implícitamente del sitio web. No hay más necesidad de crear complicadas reglas Requestly.

  • Si una página web todavía no contiene la biblioteca JavaScript at.js de Target, puede utilizar la extensión para insertar la biblioteca y así poder crear experiencias para el sitio web. A continuación, puede crear actividades y realizar controles de calidad mediante vínculos de vista previa.

    Tenga en cuenta que, con el Compositor de experiencias mejorado (EEC), la extensión no inyecta at.js, pero la funcionalidad Cookie SameSite sigue presente. Para insertar at.js en la página web, desactive el EEC.

  • Ventanillas móviles son compatibles incluso sin Compositor de experiencias mejorado (CEE)

  • Los clientes nuevos de Target pueden utilizar la extensión para experimentar con Target incluso si los desarrolladores de TI todavía no han implementado Target en sus sitios web.

  • Los socios que brindan servicios de múltiples páginas web de clientes y cuentas de Target ahora tienen un mecanismo sencillo para admitir la carga de VEC, en lugar de administrar varias reglas en herramientas de terceros.

Obtención e instalación de la extensión del explorador VEC Helper

  1. Vaya a la Extensión del explorador Adobe Target VEC Helper en Chrome Web Store.

  2. Haga clic en Añadir a Chrome > Añadir extensión.

  3. Abra el VEC en Target.

  4. Para utilizar la extensión, haga clic en el icono de la extensión del explorador VEC Helper (icono de VEC Helper) en la barra de herramientas del explorador Chrome mientras está en VEC o en modo control de calidad.

  5. (Condicional) Deslice el Inserción de bibliotecas de Target cambie a la posición "activado" si la página web aún no contiene la variable Target Biblioteca JavaScript at.js.

    La siguiente ilustración muestra el VEC Helper con la configuración de Inserción de bibliotecas de Target habilitada:

    VEC Helper 1

    La siguiente ilustración muestra cómo el VEC Helper pregunta si desea que inserte bibliotecas Target en la página para habilitar la creación:

    VEC Helper 2

  6. (Condicional) Deslice el Cookies cambie a la posición "activado" para agregar automáticamente la variable SameSite=None corrección del navegador de atributos.

    Alternar cookies en la extensión del asistente de VEC

    Para obtener más información sobre SameSite=None corrección del navegador de atributos, consulte "¿Cómo afectan las políticas de aplicación de cookies de Google Chrome SameSite a los VEC y EEC?" en Resolución de problemas relacionados con el Compositor de experiencias visuales y el Compositor de experiencias mejorado.

Notas

  • El indicador de inserción de bibliotecas de Target en la extensión está desactivado de forma predeterminada. Puede habilitar este indicador si desea utilizar el VEC en un sitio que aún no se haya implementado para Target.

    Este indicador es una configuración global. El indicador está habilitado o deshabilitado para todos los sitios web abiertos en el VEC. Por lo tanto, si establece este indicador en "activo" y abre un sitio web que ya se ha implementado con at.js, recibirá un mensaje que le informará de que at.js ya se ha cargado. El Adobe anticipa que la mayoría de los clientes ya tienen at.js implementado en sus páginas y utilizan la configuración predeterminada "desactivado".

  • La extensión carga la última versión de at.js disponible en la Target UI en Administración > Implementación.

  • Cuando utilice la extensión para insertar at.js mientras está en modo de control de calidad, debe tener otra pestaña de Chrome abierta. Esta pestaña de Chrome debe estar autenticada en la misma Organización de Adobe Experience Cloud en la que creó la actividad.

  • Los mensajes siguientes ayudan a mantenerle informado:

    • Si intenta cargar un sitio web mediante el VEC que falla al cargar, aparece un mensaje sugiriendo que instale la extensión del explorador VEC Helper.
    • Si at.js aún no se ha implementado en el sitio web, aparece un mensaje en el VEC sugiriendo que instale la extensión.
    • Si la extensión está activada y es útil para la carga, los mensajes se muestran cuando la extensión inserte la biblioteca at.js (si es necesario) o ayude a abrir el sitio web de forma fiable dentro del VEC.

En esta página