Hacks

BLOG DE ANALÍTICA WEB Y ESTRATEGIA DE NEGOCIO

Cómo implementar eventos de video en Google Analytics con Dailymotion y Google Tag Manager

En este artículo os contaremos cómo implementar el Player de video Dailymotion en nuestras páginas web para poder mapear correctamente distintos eventos desde Google Tag Manager.

El consumo de contenido de hoy en día hace tiempo que empezó un proceso de migración de lo escrito a lo visual. Las nuevas generaciones han nacido en la era de Internet y cada vez es más evidente la inmediatez con la que queremos consumir el contenido, por ello el formato audiovisual juega un papel cada vez más relevante. Es aquí donde entra en juego un reproductor de video como Dailymotion. Actualmente, por ejemplo, un periódico puede relatar una noticia en formato escrito, pero también tener una sección de video e incluso narrar las noticias directamente en este formato, con lo que como buenos analistas queremos aprender y saber interaccionan los usuarios con nuestros videos. Preguntas cómo: ¿Cuánto tiempo el usuario pasa viendo el video? ¿Se alcanzan ciertos porcentajes del video? ¿En qué momentos se pausa el video? son indispensables para conocer qué contenidos interesan y nos aportan mayor rendimiento.

Realmente Dailymotion nos ofrece la posibilidad de mapear muchos eventos de video, pero en este caso estos serán de los que nos ocuparemos:

  • Inicio de video
  • Play
  • Pause
  • Fin de video

Otra cosa a tener en cuenta, es cómo tiene que ser la implementación del Player de Dailymotion, si utilizamos los iframes no podremos registrar estos eventos de video, también está la opción de usar la SDK de JavaScript para Dailymotion, los eventos se podrán mapear, pero hablamos de tecnología obsoleta, y no sería de extrañar que un día nos dejase de funcionar.

En este punto entra en juego la JavaScript Player API de Dailymotion, con la cual mediante código JavaScript en nuestra página web podremos crear nuestro Player de video.

Antes de nada, necesitamos tener creados el video y Player dentro de la página de Dailymotion (necesitarás crearte una cuenta), en el apartado Vídeos e Incrustaciones/Reproductores podrás crear y ver los identificadores de ambos.

Veamos la implementación del Player:

Primero de todo, necesitamos hacer la llamada a la librería del Player, esta nos permitirá hacer uso de la instancia dailymotion y todas sus funciones, deberemos de introducir el identificador del Player anteriormente creado.

Después creamos un elemento DIV donde irá el video, y utilizamos un identificador para hacer referencia.

Ahora viene la parte del código JavaScript donde creamos el Player dentro del DIV y con el video de código “x84sh87” para este ejemplo.

En este momento el reproductor ya tiene que estar funcionando.

Recuerda tener correctamente implementado Google Tag Manager en las páginas donde necesites implementar el mapeo de eventos de video.

Ahora damos paso a nuestro GTM, necesitaremos:

  • 1. Variables de tipo DataLayer:

Almacenarán los datos que queremos extraer de los eventos.

  • 2. Trigger de vídeo:

Cada vez que el código envíe un dataLayer.push con el evento video se activará el trigger.

  • 3. Tags

Necesitamos un tag de tipo Event, donde usaremos las variables creadas para los eventAction y eventLabel, el trigger a utilizar será el anteriormente creado.

El tag HTML que se encargará hacer las llamadas a la API de Dailymotion, y hacer un push al DataLayer con el evento ocurrido.

De esta forma, cada vez que ocurra uno de los siguientes eventos podremos ver en Google Tag Manager como el evento ‘video’ se ha disparado, lo cual nos permitirá llevar a cabo otras funciones utilizando nuestro Custom Trigger “Event – Video Interaction”.

Artículos relacionados

BigQuery + GA4: Informe de páginas de salida

¿Recuerdas de Universal Analytics los informes de salida? Era un informe predeterminado que estaba dentro del epígrafe de comportamiento en el apartado de Contenido o Site content ...

¿Por qué un cliente necesita una plataforma de CDP ...

En un mundo cada vez más digitalizado, sabemos que las empresas intentan gestionar, retener, analizar y captar clientes o usuarios con herramientas de analítica o de CRM, entre ...

Configuración de propiedades en GA4

El final de Universal ya es una realidad, y quien no haya implementado ya GA4 en su plataforma digital tiene que ponerse las pilas. Si ya lo has hecho o lo vas a hacer en breve te ...

Google Tag Manager: cómo sacar provecho a los parámetros de ...

Funcionalidades escondidas Una de las funcionalidades escondidas de GTM pero que puede resultar de gran ayuda, es poder extraer un parámetro de consulta de la URL, para después ...

Trucos de analítica: ¿Como trackear fragmentos de URL en ...

Cada vez son más las páginas web en las que se muestra el contenido de manera dinámica sin necesidad de recargar la página. Denominadas Single-Page Application (SPA), en este tipo ...

HIKE Hack: cómo enviar datos de tu formulario web a Google ...

En el artículo de hoy os vamos a mostrar cómo generar una buena base de datos simplemente conectando tus formularios web con Google Sheets a través de Google Tag Manager, algo que ...

Google Analytics 4: guía paso a paso para utilizar el Debug ...

Google Analytics 4 sigue mejorando día a día sus funcionalidades. La inminente llegada de la nueva herramienta para sustituir Universal Analytics presenta algunas utilidades que ...

Todo lo que necesitas saber sobre los eventos Google ...

En Google Analytics 4 todas las interacciones de los usuarios se concentran en los llamados eventos. Si en Universal Analytics las interacciones se dividían en hits de páginas ...

Guía paso a paso para implementar vídeos en el entorno AMP

Me gustaría decir que para tener el tracking de vídeos en el entorno AMP basta con preparar un simple tag en GTM con su correspondiente trigger y ya podremos empezar a tener datos ...

Cómo enriquecer tus análisis de Google Analytics con ...

La interfaz de Google Analytics nos proporciona una gran cantidad de dimensiones y métricas por defecto: el tipo de dispositivo, el canal de adquisición, el número de usuarios y ...

Newsletter

Tenemos una recopilación de noticias que seguro te puede interesar sobre Analítica, Martech, Cookies, etc.

Te puedes dar de baja en cualquier momento.Para más detalles puedes consultar nuestra Política de Privacidad.