Permita que su audiencia interactúe con su campaña con solo tocar un botón.

Antes de crear botones, hay que definir su ubicación en la pantalla y su función. Para diseñar la imagen con el botón, puede usar el Editor de Composiciones.

Veamos un escenario muy sencillo en el que solo queremos tener un botón en la pantalla que muestre una imagen de un acuario al pulsarlo.

1. Ingrese a su cuenta OnSign y cree una Composición con un fondo azul y un área naranja donde estará el botón. 

   

2. A continuación, cree una nueva campaña con una única línea de tiempo. Agrega la composición creada previamente a la línea de tiempo.
   

   

3. Guarde la campaña.
4. La página se recarga. Vaya al menú de Eventos e Interactividad de la campaña.

   

5. Agregue un Disparador. El nombre es opcional. Haga clic en el botón + en la fila Cuando y seleccione Toque en Región.

   

6. Se abrirá la página de la región de la pantalla. Seleccione Región Personalizada y dibuje la región de la pantalla sobre el espacio que ha seleccionado para el botón. Confirme con el botón naranja "Seleccionar" en la parte inferior derecha.

   

7. Volverá a la configuración del activadores. Complete el resto del activador de interactividad:

   

• Nombre: botón
• Cuándo: Toca la región “Región Personalizada”
• Acción: Reproducir “Aquarium.jpg” en Bucle durante 10 segundos

8. Haga clic en la marca de verificación de la derecha.
9. Por último, publique su campaña para un player.

Una vez que domine la configuración de los botones, hay muchas otras cosas divertidas que puedes hacer con la interactividad.

Botón interactivo para versiones anteriores a 10.0.0

Para versiones de la app OnSign Player anteriores a la 10.0.0, deberá usar el editor de interactividad heredado.

Tras crear la composición del botón interactivo como se describe anteriormente, puede comenzar a crear una campaña. Esta tendrá dos líneas de tiempo. Esta es la principal diferencia con el procedimiento anterior.

1. Cree una nueva campaña. Asígnele un nombre. Cree un nuevo diseño personalizado que coincida con la composición que ha diseñado. Tenemos el área de fondo (A) y la zona de botones (B). Cuanto más precisa sea la posición, mejor. 
   

   

2. Agregue la composición a la línea de tiempo 1. Para la línea de tiempo 2, usamos una imagen PNG transparente. La imagen del acuario que queremos mostrar al hacer clic en el botón se agregará más adelante.
   

   

3. “Guarde” la campaña.
4. La página se recarga. Vaya al menú “Eventos e Interactividad” de la campaña. Haga clic en el enlace situado en la esquina inferior derecha de la página para acceder al editor de interactividad heredado.
5. Este es el último paso, donde se configuran las reglas para el botón interactivo. Haga clic en “Agregar Interacción” y complete los campos como se indica a continuación:
   

   

   • Nombre: aquarium
     Esto es sólo para ti, para que sepas lo que va a pasar.
   • Qué: Región táctil
     Queremos que al tocar el botón se provoque el cambio de imagen.
   • Cuál: Región 2
     Este es nuestro botón.
   • Acción: Reemplazar
     Al hacer clic en el botón, se mostrará una nueva imagen.
   • Destino: Región 1
     La imagen se mostrará en el área de la pantalla principal (A).
   • Al reproducir: cualquier medio
     Dado que solo tenemos un elemento en el área B de la línea de tiempo, cualquier medio está bien.
   • Con medios: nuestra imagen del acuario
   • Duración: Tantos segundos como quieras
6. Haga clic en la marca de verificación y en "Guardar". Listo.