Resolución de problemas relacionados con Visual Experience Composer

Última actualización: 22 de julio de 2024
  • Temas:

Los problemas de visualización a veces ocurren en el Adobe Target Visual Experience Composer (VEC) bajo ciertas condiciones.

Cuando abro mi sitio web en Visual Experience Composer, las bibliotecas de Target no se cargan. (Solo VEC)

Target agrega dos parámetros (mboxEdit=1 y mboxDisable=1) al abrir el sitio web en Visual Experience Composer.

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.

Mi página no se abre en el EEC. O bien, la carga de la página es lenta. Las actividades o experiencias ser cargan lentamente en el VEC. (Solo VEC)

Varios problemas pueden afectar el rendimiento de la página en los Target compositores de experiencias. 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 se producen problemas en Enhanced Experience Composer, intente desactivar Enhanced Experience Composer y use Visual Experience Composer en su lugar.

Para deshabilitar Enhanced Experience Composer, vaya a Administration > Visual Experience Composer y desactive la opción Enable Enhanced Experience Composer.

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

Mensaje de error de la consola

Si ni Visual Experience Composer ni Enhanced Experience Composer funcionan, use una extensión de explorador como Requestly (Chrome o Firefox) o Modifique los encabezados de respuesta (Firefox) que pueden sobrescribir las opciones de encabezado de X-Frames para su 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
Además de la siguiente información, puede usar la extensión Adobe Target Visual Editing Helperpara Google Chrome.
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 Modify Response Header (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 Enhanced Experienced Composer.

  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 Modify headers.

  5. Introduzca lo siguiente:

    • Nombre de la regla

    • Reglas de modificación

      • Cambie Add a Remove.

      • Cambie Request a Response.

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

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

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

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

      imagen chrome_extension

  6. Haga clic en Save.

    imagen solicitada

    Ahora debería poder cargar la página rápidamente con Visual Experience Composer.

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

  1. Instale Modify Response Headers en Firefox y reinicie el explorador.
  2. De sus extensiones de Firefox, seleccione la extensión Modificar encabezados de respuesta.
  3. Haga clic en Preferences.
  4. Seleccione Filter de la lista desplegable Action.
  5. En el campo Header Name, escriba: X-Frame-Options.
  6. Repita los pasos 4 y 5 para agregar un filtro con x-frame-options.
  7. Haga clic en Add.
  8. Haga clic en Start.

Extensión de Firefox

Después de configurar una extensión, abra Target. Sus páginas deberían cargarse ahora en Visual Experience Composer, incluso si Enhanced Experience Composer está deshabilitado.

Mi página no se muestra en el VEC (solo VEC)

  • La compatibilidad óptima con el VEC está garantizada por la versión más reciente de la extensión: Adobe Experience Cloud Visual Editing Helper extension.

    Para comprobar si está utilizando la versión más reciente, vaya a Extensions > Manage Extensions y haga clic en Details.

  • Visual Experience Composer 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 Administration > Implementation.

  • 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 de 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 a la izquierda de la dirección URL en la barra de direcciones del explorador y seleccione Disable protection on this page

  • 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.

El VEC parece roto cuando utilizo el modo Examinar. (Solo VEC)

Al utilizar el modo Examinar, si accede a una dirección URL que no tiene implementadas Target bibliotecas (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 (recomendada) o la extensión antigua para insertar la biblioteca Target en las páginas a fin de explorarlas de manera óptima.

Problemas causados por conflictos de CSS en Visual Experience Composer

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.

Más ayuda sobre esta función

Página anterior
Página siguiente

Target