Resolución de problemas relacionados con Visual Experience Composer

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

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

Target añade 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 variable Target se interrumpe la funcionalidad y Target Las bibliotecas de 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) section_71E7601BE9894E3DA3A7FBBB72B6B0C1

Varios problemas pueden afectar al rendimiento de la página en 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 la Enhanced Experience Composer y utilice el Visual Experience Composer en su lugar.

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

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

Mensaje de error de la consola

Si ninguno de los Visual Experience Composer ni el Enhanced Experience Composer funciona, utilice 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 de su sitio y permitir que se carguen en iFrames, lo que habilita el VEC. Si no puede utilizar las extensiones del explorador, utilice el Compositor de experiencias basadas en formularios.

NOTE
Además de la siguiente información, puede utilizar la variable Adobe Target Visual Editing Helper extensión para Google Chrome.
NOTE
Estos complementos deben usarse solo en el contexto de la edición de VEC.
Para el Requestly , siempre que sea necesario eliminar encabezados, debe hacer 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 el Modify Response Header extensión (Firefox), ya que 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 variable Requestly extensión el Chrome o Firefox:

  1. Desactive la Enhanced Experienced Composer.

  2. Instale el Requestly extensión de explorador activada Chrome o Firefox.

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

  4. Seleccionar Modify headers.

  5. Introduzca lo siguiente:

    • Nombre de la regla

    • Reglas de modificación

      • Alternar Add hasta Remove.

      • Alternar Request hasta Response.

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

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

        note note
        NOTE
        Encabezados manipulados mediante Requestly distinguen entre mayúsculas y minúsculas.
      • Cambiar Equals hasta Contains como condición para la URL de origen e introduzca la 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 el Visual Experience Composer.

Para usar la variable Modify Response Headers extensión el Firefox:

  1. Instale el Modify Response Headers el Firefox y reinicie el explorador.
  2. De su Firefox , seleccione la extensión Modify Response Headers.
  3. Haga clic en Preferences.
  4. Seleccionar Filter desde el Action desplegable.
  5. En el Header Name , introduzca: X-Frame-Options.
  6. Repita los pasos 4 y 5 para añadir 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. Las páginas deben cargarse en el Visual Experience Composer, incluso si la variable Enhanced Experience Composer está deshabilitada.

Mi página no se muestra en el VEC (solo VEC) does-not-load

  • La mejor compatibilidad 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 utiliza la versión más reciente, vaya a Extensions > Manage Extensions luego haga clic en Details.

  • El Visual Experience Composer requiere la creación de bibliotecas para poder realizar modificaciones en la página web. Estas bibliotecas están incrustadas en la biblioteca at.js de y la extensión las descarga desde Adobe 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 se incluyen en la página.

    Asegúrese de que no se hayan añadido cambios no válidos a los encabezados at.js configurados en la Administration > Implementation secció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 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 haga clic en 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) section_FA2A18E8FD6A4274B2E395DBAA2FB407

Al utilizar el modo Examinar, si accede a una dirección URL que no tiene Target bibliotecas implementadas (at.js or Adobe Experience Platform Web SDK) o 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 URL a la que ha navegado o la URL del VEC no se actualiza de forma coherente si se carga la página.

Este problema se produce porque VEC carga la página web en un <iframe>. Los mecanismos de seguridad actuales de los exploradores impiden que Target La interfaz de usuario no puede acceder a los elementos del marco determinado debido a la política del mismo origen. Los navegadores bloquean los scripts que intentan acceder a un marco con un origen diferente y que incluye información como la location.href.

Debe utilizar el nuevo Extensión de Ayuda de edición visual (recomendado) o el extensión antigua para inyectar el Target en las páginas para explorarlas de forma ó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, usar la variable overflow: hidden La propiedad de en el cuerpo de la página podría provocar problemas de desplazamiento o eventos de clic en el déclencheur que podrían interferir con el menú de creación.

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654