Incrustar un formulario u otro contenido externo en un video

En este tema, aprenderá a mostrar un formulario personalizado u otro contenido web externo durante la reproducción de video.

El widget de formulario personalizado le permite incrustar un formulario de cualquier sistema, como Google Forms, Mailchimp, Typeform, Calendly, Eventbright y otros, encima de un video. El widget de formulario personalizado también se puede usar para mostrar contenido web externo. En el siguiente ejemplo, al hacer clic en el texto de la llamada a la acción, se abrirá un formulario sobre el video.

Antes de empezar

Antes de que pueda agregar interactividad a un reproductor, necesita un reproductor de Brightcove habilitado para HapYak y debe asegurarse de que se haya creado un proyecto de interactividad de Brightcove. Para obtener información sobre cómo hacer esto, consulte Primeros pasos con la interactividad .

Agregar un widget de formulario personalizado

El widget de formulario personalizado se puede usar para mostrar un formulario durante la reproducción de video. Durante la reproducción, se mostrará el texto de la llamada a la acción y, al hacer clic, el formulario se deslizará y se mostrará. El uso de un formulario externo (como un formulario de Google) tiene la ventaja de enviar todos los datos enviados directamente a ese sistema. Tenga en cuenta que ningún dato enviado al formulario aparecerá en los informes de interactividad estándar de Brightcove, ya que se enruta directamente al sistema externo.

Siga estos pasos para agregar un widget de formulario personalizado (este tema usa un formulario de Google) a un proyecto:

  1. Inicie sesión en Brightcove Interaction Studio.
  2. En la barra de navegación de la izquierda, haga clic en Administrar .
  3. Haga clic en un proyecto para abrirlo.
  4. En la barra de herramientas inferior, haga clic en el icono del widget.
  5. Haga clic en el widget Formulario personalizado .
  6. Haga clic en AÑADIR . El widget se agrega encima del video del proyecto.
  7. Haga clic y arrastre el widget hacia donde desea que aparezca el texto sobre el video.
  8. Haga clic en el enlace Hecho en el menú.
  9. Pase el cursor sobre el texto Su texto aquí y haga clic en CONFIGURAR .
  10. En el campo FUENTE DEL FORMULARIO , pegue la URL del formulario.
  11. Actualice el texto del botón , este es el texto de llamada a la acción en el que el espectador hará clic para abrir el formulario.
  12. Hacer clic AHORRAR.
  13. Haga clic en Editar para abrir el editor.
  14. Haga clic en el menú Hora de inicio .
  15. Introduzca una Hora de inicio en segundos, como porcentaje o en formato de hora. Haga clic en ENVIAR .
  16. Haga clic en el icono del reloj para establecer la duración de la superposición. Haga clic en ENVIAR .
  17. Hacer clic Hecho.

Publique el video utilizando el módulo multimedia y confirme que aparecen la llamada a la acción y el formulario.

Visualización de una página web

El widget de formulario personalizado también se puede usar para mostrar contenido de otra página web. Los pasos son los mismos que cuando agrega un formulario, pero para la URL, use la URL de la página para mostrar. En este ejemplo, se muestra una página de Wikipedia cuando se hace clic en el texto de la llamada a la acción.

Mostrar una página de compra ahora

El widget de formulario personalizado también se puede usar para mostrar una página de compras del tipo "comprar ahora". En este ejemplo, se muestra una página de compras cuando se hace clic en el texto de la llamada a la acción.

Consejos

  • El uso de un formulario externo (como Google Forms) con esta anotación tiene la ventaja de enviar todos los datos enviados directamente a ese sistema. Tenga en cuenta que ningún dato enviado al formulario aparecerá en los informes de interactividad estándar de Brightcove, ya que se enruta directamente al sistema externo.
  • Considere configurar el tiempo de inicio en 5 o 10 segundos (cerca del comienzo) y configurar la duración en Hasta el final del video . Esto permitirá que el espectador haga clic en la CTA en cualquier punto del video mientras mantiene el formulario fuera de la vista hasta que se haga clic en la CTA.