Resolución de problemas relacionados con Compositor de experiencias visuales

Detalles

Target agrega dos parámetros (mboxEdit=1 y mboxDisable=1) al abrir el sitio web en el Compositor de experiencias visuales.

Si su sitio web (especialmente las aplicaciones de una sola página) recorta parámetros o los elimina al pasar de una página a otra (sin volver a cargar la página), la funcionalidad Target se rompe y las bibliotecas Target no se cargan.

Para evitar este problema, asegúrese de que no recorta ni elimina estos dos parámetros.

Detalles

Varios problemas pueden afectar el rendimiento de la página en los compositores de experiencias de Target. Algunos problemas comunes son:

• Usted no tiene un mbox en la página.
• El sitio usa bloqueo de proxy, lo que no permite que la página se abra en ningún compositor de experiencias.
• El sitio no permite ser abierto en un iFrame.

Si hay problemas en Enhanced Experience Composer, prueba a desactivar Enhanced Experience Composer y usa Visual Experience Composer en su lugar.

Para deshabilitar Enhanced Experience Composer, ve a Administración > Compositor de experiencias visuales y desactiva la opción Habilitar Enhanced Experience Composer.

Algunos usuarios ven el siguiente mensaje de error en la consola:

Si ni Compositor de experiencias visuales ni Compositor de experiencias mejorado funcionan, usa una extensión de navegador como Requestly (Chrome o Firefox) o Modifica encabezados de respuesta (Firefox) que puedan sobrescribir las opciones de encabezado de X-Frames para tu sitio y permitir que se carguen en iFrames, lo que habilita el VEC. Si no puede usar extensiones de explorador, use Compositor de experiencias basadas en formularios.

note
NOTE
Además de la siguiente información, puede usar la extensión Adobe Target Ayuda de edición visual para Google Chrome.

note
NOTE
Estos complementos deben usarse solo en el contexto de la edición de VEC.
Para la extensión Requestly, siempre que sea necesario quitar encabezados, debe realizar una de las siguientes acciones:
Agregar reglas de URL para la URL que desea abrir en el VEC para que los encabezados se eliminen solo para esas URL. Habilitar la regla cuando esté editando en el VEC y deshabilitarla cuando no esté usando el VEC.
Para la extensión Modificar encabezado de respuesta (Firefox), como no puede agregar una regla de URL, debe hacer lo siguiente:
Habilitar la regla cuando esté editando en el VEC y deshabilitarla cuando no esté usando el VEC.

Para usar la extensión Requestly en Chrome o Firefox:

1. Desactive Compositor de experiencias mejorado.

2. Instale la extensión del explorador Requestly en Chrome o Firefox.

3. Abra la extensión y configúrela de la siguiente manera:

4. Seleccione Modificar encabezados.

5. Introduzca lo siguiente:

   • Nombre de la regla

   • Reglas de modificación

     • Cambie de Agregar a Eliminar.

     • Cambie de Solicitud a Respuesta.

     • Introduzca “X-Frame-Options” como nombre del encabezado.

     • Repita los pasos anteriores e introduzca “x-frame-options” como nombre del encabezado.

       note
       NOTE
       Los encabezados manipulados a través de Requestly distinguen entre mayúsculas y minúsculas.

     • Cambie Es igual a por Contiene como condición para la dirección URL de origen e introduzca la URL de la actividad que está intentando cargar en el VEC.

     

6. Haga clic en Guardar.

   

   Ahora debería poder cargar la página rápidamente con Compositor de experiencias visuales.

Para usar la extensión Modify Response Headers en Firefox:

1. Instale Modificar encabezados de respuesta en Firefox y reinicie el explorador.
2. De sus extensiones de Firefox, seleccione la extensión Modificar encabezados de respuesta.
3. Haga clic en Preferencias.
4. Seleccione Filtro de la lista desplegable Acción.
5. En el campo Nombre de encabezado, escriba: X-Frame-Options.
6. Repita los pasos 4 y 5 para añadir un filtro con x-frame-options.
7. Haga clic en Agregar.
8. Haga clic en Inicio.

Después de configurar una extensión, abra Target. Tus páginas deberían cargarse ahora en el Compositor de experiencias visuales, aunque el Compositor de experiencias mejorado esté deshabilitado.

Detalles

• La compatibilidad óptima con VEC está garantizada por la versión más reciente de la extensión: Adobe Experience Cloud Ayuda de edición visual.

  Para comprobar si está usando la versión más reciente, vaya a Extensiones > Administrar extensiones y haga clic en Detalles.

• El Compositor de experiencias visuales requiere bibliotecas de creación para poder realizar modificaciones en la página web. Estas bibliotecas están incrustadas en la biblioteca at.js y la extensión las descarga desde Adobe servidores cada vez que se utiliza VEC.

  La extensión descarga la biblioteca at.js independientemente de si at.js o Adobe Experience Platform Web SDK ya están incluidos en la página.

  Asegúrese de que no se hayan agregado cambios no válidos a los encabezados at.js configurados en la sección Administración > Implementación.

• Asegúrese de que la página web no bloquee las solicitudes de carga obligatorias cuando estén incrustadas en un iFrame. Esto incluye el uso de directivas CSP de antecesores de marco o código JS personalizado incrustado en el sitio web del cliente, etiquetas meta HTML o el encabezado x-frame-options.

• Asegúrese de que el Javascript de la página web no interfiera con las bibliotecas de creación. No utilice ni incluya archivos con los siguientes nombres reservados:

  • target-vec-helper.js

  • target-vec.js

  • target.js

  • admin.css

  • sizzle.js

  • mixContentCheck.html

    Además, la anulación accidental de variables o eventos definidos dentro de estos archivos podría provocar problemas con VEC.

• El navegador bloquea una página no segura en un sitio seguro.

  Haga clic en el icono de la izquierda de la dirección URL en la barra de direcciones del navegador y seleccione Deshabilitar protección en esta página.

• Ha escrito una dirección URL no válida.

• Si el sitio web no se carga en el VEC o se comporta de forma inesperada, una posible corrección es aceptar cookies en el sitio web en el explorador antes de intentar cargar el sitio web en Target.

Detalles

Al usar el modo Examinar, si accede a una dirección URL que no tiene Target bibliotecas implementadas (at.js o Adobe Experience Platform Web SDK) o que contiene un encabezado de eliminación de fotogramas, el VEC parece roto. Debido a problemas de seguridad del explorador, Target no puede acceder correctamente a la dirección URL a la que navegó o la URL del VEC no se actualiza de manera consistente si se carga la página.

Este problema ocurre porque el VEC carga la página web en un <iframe>. Los mecanismos de seguridad actuales de los exploradores impiden que la interfaz de usuario de Target acceda a los elementos del marco determinado debido a la directiva del mismo origen. Los exploradores bloquean los scripts que intentan tener acceso a un marco con un origen diferente y que incluye información como location.href.

Debe usar la nueva extensión Ayuda de edición visual para insertar la biblioteca Target en las páginas a fin de explorarlas de manera óptima.

Detalles

Compruebe si hay algún archivo CSS que pueda afectar a la visibilidad al cargar la página web en el editor. Por ejemplo, el uso de la propiedad overflow: hidden en el cuerpo de la página podría provocar problemas de desplazamiento o eventos de clic con el déclencheur que podrían interferir con el menú de creación.