Los eventos para clics en zonas activas y clics en botones y elementos superpuestos en vídeos interactivos aparecen en la Vimeo Player API (consulte la documentación). (Nota: Interactive requiere una cuenta Enterprise personalizada). Puede obtener información sobre cómo añadir o eliminar una zona activa en este artículo.
Al escuchar estos eventos interactivos, puedes crear integraciones entre el video interactivo y tu página principal. Por ejemplo, agregar un producto a un carrito en la página principal donde está insertado el video.
También puedes insertar datos personalizados en la carga útil dentro del editor interactivo al crear un punto de acceso o un elemento en una superposición (por ejemplo, un SKU de producto), lo que ayudará a tus desarrolladores a utilizar mejor los eventos en sus secuencias de comando.
Casos de uso común
- Crear una experiencia más fluida de agregar al carrito y de lista de deseados con tu sitio web comercial.
- Vincular Vimeo con tu solución de publicidad dirigida.
- Realizar un seguimiento de los eventos interactivos en tu propio sistema de rastreo de usuarios (como Google Analytics).
- Cambiar el diseño, la maquetación o la animación de los elementos de tu página en función de las acciones que realizan los espectadores en el video.
- Abrir los cuadros de diálogo y los elementos superpuestos de la página personalizada en función de las acciones que realizan los espectadores en el video.
Cómo configurar tu video
- Acción del punto de acceso: Puedes hacer que cualquier punto de acceso de Vimeo Interactive lance un evento de JavaScript con la acción Lanzar un evento (agregar al carrito).
- Acción desuperposición: También puede utilizar un botónsuperpuesto para disparar un evento seleccionando la acciónDisparar un evento (añadir al carrito)del botón.
Asignar clave y valor
Una vez que se elija, puedes darle al botón de tu punto de acceso o superposición una clave y un valor. Se trata de campos abiertos y opcionales que pueden proporcionarle a tu desarrollador más información sobre la acción realizada. Pueden variar en función del tipo de información que tu desarrollador necesite recuperar.
Por ejemplo, si se trata de una experiencia de agregar al carrito, puede que necesites identificar el producto en el que se ha hecho clic. Entonces, SKU y xxxxxxx (el código SKU del producto) podrían ser lo que deseas enviar.
Si no estás seguro, habla con el desarrollador de tu página web para identificar las claves y los valores necesarios.
Añadir claves adicionales & values
Una vez que hayas asignado un valor y una clave, puedes agregar pares adicionales de clave y valores a la acción si lo deseas.
Esto es útil si necesitas identificar otras variables de un producto o artículo.
Por ejemplo, puede que tenga que especificar una cantidad, un color o una talla para añadir el artículo a la cesta de la compra.
Hotspot y Panel ID
Como desarrollador, puedes copiar la ID del punto de acceso o la ID del panel (botón de superposición) para asegurarte de que estás escuchando los eventos correctos en la API del reproductor.
Agregar datos de carga útil personalizados a cualquier acción
Los eventos de Javascript también pueden agregarse a los botones y puntos de acceso que tienen otras acciones principales, como abrir una superposición o saltar a un punto de tiempo en el video.
Configura la acción de tu punto de acceso o botón como lo harías normalmente, pero activa Agregar datos de carga útil personalizados.
Esto le permitirá añadir claves & valores, así como su acción principal. Esto puede ser útil para añadir un seguimiento adicional al vídeo.
Agregar la API del reproductor de Vimeo
- Utiliza Vimeo Player API en tu página web para escuchar los eventos de tu vídeo interactivo incrustado.
- Sugerencia: Puede utilizar los eventos interactivos de Vimeo Player API para crear cualquier conexión entre el vídeo y la página; no sólo añadir al carrito.
Integración del carrito
Utilizando la API del reproductor de Vimeo, puedes llamar a laAPI Ajax Cart de Shopify para fusionar tus videos de comercio con tu sitio impulsado por Shopify en un embudo de conversión sin fisuras.
Ya sea que hayas incluido puntos de acceso al video comercial o páginas de productos superpuestas, puedes seleccionar cualquier botón dentro de tu video de Vimeo para que actúe como un evento de agregar al carrito con un solo clic, lo que significa que tus espectadores pueden actuar con inmediatez sobre su intención de compra y pagar a través de su carrito de Shopify en el sitio.