Personalización mediante el Compositor de experiencias visuales

En este capítulo, exploraremos la creación de experiencias con el Compositor de experiencias visuales arrastrando y soltando, intercambiando y modificando el diseño y el contenido de una página web desde Target.

Información general del escenario

La página de inicio del sitio WKND muestra las actividades locales o lo mejor para hacer en una ciudad en forma de diseños de tarjeta. Como especialista en marketing, se le ha asignado la tarea de modificar la página principal, reorganizando los diseños de tarjeta para ver cómo afecta a la participación del usuario y la conversión.

Usuarios implicados

Para este ejercicio, es necesario involucrar a los siguientes usuarios y para realizar algunas tareas es posible que necesite acceso administrativo.

  • Productor de contenido/Editor de contenido (Adobe Experience Manager)
  • Especialista en marketing (Adobe Target/Equipo de optimización)

Página principal del sitio WKND

Escenario de AEM objetivo 1

Requisitos previos

Actividades de marketing

  1. El especialista en marketing crea una actividad de destino A/B dentro de Adobe Target.

    1. En la ventana de Adobe Target, vaya a la pestaña Actividades.

    2. Haga clic en el botón Crear actividad y seleccione el tipo de actividad como Prueba A/B

      Adobe Target: Crear actividad

    3. Seleccione el canal Web y elija el Compositor de experiencias visuales.

    4. Introduzca la URL de actividad y haga clic en Siguiente para abrir el Compositor de experiencias visuales.

      Adobe Target: Crear actividad

    5. Para que Compositor de experiencias visuales se cargue, habilite Permitir la carga de scripts no seguros en el explorador y vuelva a cargar la página.

      Actividad de segmentación de experiencias

    6. Observe que se abre la página de inicio del sitio WKND en el editor del Compositor de experiencias visuales.

      VEC

    7. Experience Manager proporciona la página principal WKND predeterminada y vamos a editar el diseño de contenido para la Experiencia B.

      Experiencia B

    8. Haga clic en uno de los contenedores de diseño de la tarjeta (Mejores presentadores) y seleccione la opción Reorganizar.

      Selección de contenedor

    9. Haga clic en el contenedor que desee reorganizar y arrástrelo hasta la ubicación deseada. Reorganicemos el contenedor Best Roasters de la primera fila de la primera columna a la primera fila de la tercera columna. Ahora el contenedor Mejores pilas estará junto al contenedor de Exposiciones fotográficas.

      Intercambio de contenedores

      Después de intercambiar
      Contenedor intercambiado

    10. Del mismo modo, reorganice las posiciones para los demás contenedores de tarjetas.

    Contenedor intercambiado
    11. Añadamos también un texto de encabezado debajo del componente carrusel y encima del diseño de la tarjeta.
    12. Haga clic en el contenedor de carrusel y seleccione la opción Insertar después > HTML para añadir HTML.

    Añadir texto

    <h1 style="text-align:center">Check Out the Hot Spots in Town</h1>
    

    Añadir texto
    13. Haga clic en Siguiente para continuar con su actividad.
    14. Seleccione el Método de asignación de tráfico como manual y asigne el 100% de tráfico a Experiencia B.

    Tráfico de la experiencia B
    15. Haga clic en Siguiente.
    16. Proporcione Métricas de objetivo para su actividad y guarde y cierre la prueba A/B.

    Métrica de objetivo de prueba A/B
    17. Proporcione un nombre (WKND Home Page Refresh) para su actividad y guarde los cambios.
    18. En la pantalla Detalles de la actividad, asegúrese de Activar su actividad.

    Activar actividad
    19. Vaya a la página principal de WKND (http://localhost:4503/content/wknd/en.html) y verá los cambios que hemos añadido a la actividad Prueba A/B de actualización de la página principal de WKND.

    Página principal de WKND actualizada
    20. Abra la consola del explorador e inspeccione la pestaña red para buscar la respuesta de destino para la actividad Prueba A/B de actualización de la página principal de WKND.

    Actividad de red

Resumen

En este capítulo, un especialista en marketing pudo crear una experiencia con el Compositor de experiencias visuales arrastrando y soltando, intercambiando y modificando el diseño y el contenido de una página web sin cambiar ningún código para ejecutar una prueba.

En esta página