Diseño de varias zonas

La siguiente página describe el uso del diseño de varias zonas y abarca los siguientes temas:

  • Información general
  • Creación de diseños de varias zonas
  • Requisitos previos
  • Uso de recursos únicos en una o varias zonas
  • Uso de contenido secuencial en una o varias zonas

Información general

Diseño de varias zonas le permite crear contenido de varias zonas y usar varios recursos, como vídeos, imágenes y texto, que se pueden combinar en una sola pantalla. Puede extraer imágenes, vídeos y texto, lo que le permitirá combinarse y crear una experiencia digital intuitiva.

Según los requisitos del proyecto, a veces se necesitan varias zonas en un canal, así como poder editarlas como una sola unidad completa. Por ejemplo, una secuencia de productos con una fuente de medios sociales relacionada que se ejecuta en tres zonas independientes en un solo canal.

Requisitos previos

Antes de empezar a implementar esta funcionalidad, asegúrese de que tiene conocimientos conceptuales sobre:

Creación de diseños de varias zonas

Al crear un canal, puede utilizar diferentes plantillas para crear zonas en el canal. Puede agregar una sola imagen, vídeo o canal incrustado que permita mostrar varios recursos en una secuencia.

Crear un canal

  1. Seleccione el vínculo de Adobe Experience Manager (superior izquierda) y, a continuación, Screens. También puede ir directamente a: http://localhost:4502/screens.html/content/screens.

  2. Vaya a Canales carpeta y haga clic en Crear de la barra de acciones.

  3. Select Canal de pantalla dividida 1x2 de la variable Crear asistente.

  4. Haga clic en Siguiente e introduzca la variable title como MultiZone.

  5. Haga clic en Crear para completar la creación del canal.

Uso de recursos únicos en una o varias zonas

Puede utilizar recursos únicos, como una imagen o un vídeo, en todas las zonas individuales. Siga los pasos a continuación para la implementación:

  1. Adición de contenido al canal

    1. Vaya a Zonas —> Canales—> MultiZone.
    2. Seleccione el MultiZone canal y haga clic en Editar en la barra de acciones para abrir el editor.
  2. Adición de imágenes al canal

    Para reproducir una sola imagen o un vídeo en dos zonas, simplemente arrastre y suelte una imagen en cada zona del editor de canales, como se muestra en la figura siguiente:

    imagen

Uso de contenido secuencial en una o varias zonas

Si desea que las zonas muestren la secuencia de imágenes y un vídeo en las diferentes zonas, siga los pasos a continuación para obtener más información.

  1. Creación de una carpeta de canales

    1. Vaya a Zonas —> MultiZone —> Canales y haga clic en Crear de la barra de acciones.
    2. Select Carpeta de canales de la variable Crear asistente y haga clic en Siguiente.
    3. Escriba el título como EmbeddedChannels y haga clic en Crear.

    screen_shot_2018-12-19at125428pm

  2. Adición de dos canales más a la carpeta de canales

    1. Vaya a Zonas —> Canales —> EmbeddedChannels y haga clic en Crear de la barra de acciones.
    2. Select Canal de secuencia de la variable Crear asistente para crear un canal denominado como Zona 1.
    3. Select Zona 1 y haga clic en Editar en la barra de acciones para abrir el editor.
    4. Arrastre y suelte algunas imágenes en este canal.
    5. Del mismo modo, cree otro canal de secuencia denominado como Zone2 en EmbeddedChannels carpeta.
    6. Arrastre y suelte un vídeo en este canal.

    La siguiente figura muestra los canales Zona 1 y Zone2:

    screen_shot_2018-12-19at125930pm

    Las imágenes agregadas al editor de Zona 1 a continuación se muestran los canales de secuencia:

    screen_shot_2018-12-19at125930pm

    El vídeo añadido al editor de Zone2 el canal de secuencia se muestra a continuación:

    screen_shot_2018-12-19at125930pm

  3. Adición de secuencias incrustadas (componente) al canal principal (MultiZone)

    1. Vaya a Zonas —> Canales —> MultiZone.

    2. Haga clic en Editar en la barra de acciones para abrir el editor.

    3. Arrastre y suelte la Secuencia integrada a ambas zonas.

    4. Seleccione la secuencia integrada en una de las zonas.

    5. Haga clic en el Configurar (llave inglesa) a una de las secuencias incrustadas en el editor.

    6. Seleccione la ruta de acceso del canal como Zonas —> Canales —> EmbeddedChannels —> Zona 1, como se muestra en la figura siguiente.

    7. Del mismo modo, añada la variable Zone2 a otro componente de secuencia integrada en el editor.

      imagen

Creación de una ubicación y una visualización

Cree una ubicación y una visualización para ver el contenido en el reproductor Screens.

  1. Creación de una ubicación

    1. Vaya a Zonas —> Ubicaciones carpeta.
    2. Seleccione el Ubicaciones carpeta y haga clic en Crear de la barra de acciones.
    3. Select Ubicación de la variable Crear asistente y haga clic en Siguiente.
    4. Introduzca la variable Título como San José y haga clic en Crear.
  2. Creación de una visualización

    1. Vaya a Zonas —> Ubicaciones carpeta.
    2. Seleccione el San José ubicación y haga clic en Crear de la barra de acciones.
    3. Select Mostrar de la variable Crear asistente y haga clic en Siguiente.
    4. Introduzca la variable Título como Lobby y haga clic en Crear.

Asignación de canales a la pantalla

Asigne los canales a la pantalla para ver el contenido. Siga los pasos a continuación para asignar el canal a la pantalla.

  1. Asignación de canales a la pantalla

    1. Vaya a Zonas —> Ubicaciones —> San José—> Lobby.

    2. Seleccione el Lobby mostrar y hacer clic Asignar canal de la barra de acciones.

    3. Introduzca la ruta de acceso al MultiZone canal en Ruta de acceso del canal.

    4. Configure las variables Eventos admitidos como Carga inicial, Pantalla inactiva y Temporizador.

    5. Haga clic en Guardar.

      imagen

    6. Del mismo modo, debe asignar los otros dos canales integrados (Zona 1 y Zone2) a esta pantalla.

    7. Una vez que asigne los tres canales a la variable Lobby , debería poder ver los canales asignados desde el panel de visualización.

      imagen

      IMPORTANTE

      Una vez asignado el canal principal (en este caso, MultiZone) a la pantalla, es obligatorio asignar los otros dos canales incrustados Zona 1 y Zone2 también en la misma pantalla.

Registro del dispositivo

Una vez que haya configurado una ubicación y una pantalla, siga los pasos a continuación para registrar el dispositivo y asignar la visualización al dispositivo.

  1. Registro del dispositivo

    1. Vaya a Zonas —> Dispositivos carpeta.

    2. Seleccione el Dispositivos carpeta y haga clic en Administrador de dispositivos de la barra de acciones.

    3. Haga clic en Registro de dispositivos y seleccione el dispositivo pendiente de la lista.

      NOTA

      El título del dispositivo debe coincidir con el token del dispositivo (Token ) que se muestra en la Registro de dispositivos pestaña .

      1. Si el título coincide con el token del dispositivo, seleccione el dispositivo y haga clic en **Registrar dispositivo** de la barra de acciones.
    4. Si el código de registro coincide con el código del reproductor Screens Registro de dispositivos , haga clic en Validar de la barra de acciones.

      imagen

    5. Introduzca la variable Título como Chrome-Device1 y haga clic en Registro.

    6. Select Asignar visualización y seleccione la ruta de acceso a la configuración del dispositivo.

    NOTA

    Si está intentando ver el contenido en el reproductor Screens, asegúrese de hacer clic en Actualizar contenido sin conexión del panel de canales para cada uno de los canales asignados a la visualización.

Visualización del resultado

Una vez implementados los diseños de varias zonas siguiendo los pasos anteriores, se muestra el siguiente resultado.

Compruebe el reproductor Screens para ver la salida que muestra el contenido en dos zonas diferentes. Las zonas izquierda y derecha (ambas utilizan una secuencia incrustada como componente).

La zona izquierda es un canal de secuencia y la zona derecha incluye un vídeo.

new2-1

En esta página