Cómo Trackear Videos de Youtube con GTM

12. diciembre 2016 Google Analytics, GTM 0
Cómo Trackear Videos de Youtube con GTM
Cómo Trackear Videos de Youtube con GTM
5 (100%) 1 vote

Cuando hablamos de micro conversiones en analítica web, mencionamos que pueden existir algunas acciones de valor como registros, descarga de cupones, suscripciones al newsletter, que si bien no representan ingresos en 1ª instancia si nos puede dar una idea del valor que ofrece nuestra contenidos para la audiencia.

Hace algún tiempo platicando con mi gran mentor de inversiones hyenuk chu, noté el interés que existía por saber como interactuan los usuarios con los videos que ofreció en su 21 de inversiones en la bolsa de Nueva York y como se dice normalmente quise matar 2 pájaros de 1 tiro haciendo este tutorial. 1 para ayudar a hyenuk en monitorear el resultado y 2 para aquellos que desean saber como trackear los videos de YouTube con Google Tag Manager y Google Analytics.

Los pasos a seguir son:

  1. Como insertar un video de Youtube en mi sitio Web.
  2. Trigger para HTML Tag
  3. HTML Tag para trackear interacción videos de Youtube
    1. Validar que el código de Youtube este presente
    2. Código de la api de youtube.
    3. Establecer el script para trackear la interacción de los videos.
  4. Crear el evento de GTM para trackear Videos de youtube.
  5. Visualizar y publicar mi Tag.

Paso 1: Insertar un video de Youtube en mi sitio Web.

Una vez que elegimos el video que deseamos insertar, en la parte inferior seleccionamos la pestaña insertar y copiamos el código del iframe.

videos youtube con google Analytics

 

Paso 2: Trigger o Disparador para HTML Tag

Crearemos un nuevo disparador seleccionando de la columna izquierda:  triggers – Nuevo trigger – (Colocaremos la url donde se encuentran los videos de youtube).

trigger url

Nombre: En mi caso colocaré DOM Ready – videos reto 21
Tipo: Page View – Dom Ready – Some DOM Ready Events.
Valor: contiene:  /videos-reto-21-tracking-event en mi caso

 

Paso 3: HTML Tag para trackear interacción videos de Youtube

Una vez hecho esto debemos configurar un tag dentro de Google Tag Manager, el cual debe ser de tipo HTML en el cual incluiremos el siguiente script que explicare a detalle.

Nombre : Page were youtube is embeded:
Tipo: CUSTOM HTML

GTM TAG CUSTOM HTML

 

¿Qué encontramos dentro del script para este tag?

 

 

3.1   Verificar si el código de Youtube esta presenta.

Este script nos indica que cuando se encuentra el elemento por medio del tag Iframe identificará que el video ha sido embebido y la variable gtmYLTisteners es una array vacío para los múltiples videos que se encuentren dentro de la página.

youtube is ready

Nota: Yo he creado esto dentro de un mismo HTML Tag debido a que los videos para este tutorial solo viven en una misma url. Si deseas crear una regla para validar cuando se encuentra el iframe de youtube y colocarlo como una regla para el trigger se podrías crear mediante una Custom Java script Variable.

3.2 Incluimos la API de Youtube.

Con la función onYoutubeIframeAPIReady para que se llame a la API de youtube una vez que se carga el video o videos completamente.

API code youtube

 

3.3 Configuración de eventos en GTM

Mediante la función de onPlayStateChange(e) se imprimirán los eventos que se visualizaran en Google Analytics. Debido a que este código se imprime junto con tu etiqueta de Universal Analytics se enviaran los valores a la plataforma.

Captura de pantalla 2016-12-12 a la(s) 13.08.45

 

Nota:

1.- Los parámetros del evento dentro del data Layer son identificamos mediante variables previamente creadas. De no contar con ellas puedes consultar el tutorial variables de GTM o como crear eventos de Google Analytics con Tag Manager

2.- Deberás editar los parámetros del evento con los propios para poder visualizar tus datos en Google Analytics.

3.3  Error de reproducción:

Con la función onPlayerError(e) podremos visualizar también cuando exista un error de reproducción de cualquier video.

Youtube Error

 

3.4   Visualización del % de reproducción.

Para efectos de medir el % de visualización de los videos se ha creado una nueva función que nos indica por medio de un evento el % en el que un video se consume. Si hace el match dependiendo el rango imprime 0%, 25%, 50%, 75% o 100%.

Tracking youtube videos google analytics

 

3.5    Api Youtube.

Finalmente se manda llamar el JS de la api de youtube y arranca

Tracking youtube videos google analytics

* Una vez hecho esto ya tenemos nuestro HTML tag para enviar la información a Google Analytics .

 

Paso 4: Creación evento de Google Analytics

Una vez que hemos verificado que se imprima el código anterior procedemos a crear nuestro evento de Google Analytics, el cual enviará la información hacia nuestros reportes de Google Analytics.

La configuración es la siguiente:

Nombre: Eventos Youtube

Tipo Google Analytics Universal
Tracking (Tu tracking ID)
Tipo: Evento

Categoría       {{eventCategory}}
Acción            {{eventAction}}
Etiqueta          {{eventLabel}}

Trigger: evento personalizado con el valor exacto youtube

Tracking youtube videos con Google Analytics

 

Paso 5: Pre visualizar el Tag y Publicar

 

Una vez hecho y siguiendo la lógica de Google Tag Manager debemos pre visualizar nuestro Tag y cuando estemos seguros que imprime correctamente los eventos en Google analytics procedemos a publicar nuestro Tag.

Tracking youtube videos google analytics

Paso 6 Visualización en Reportes de Google analytics

Finalmente dentro del apartado de informes -> Comportamiento -> Eventos – > Eventos principales  podrás encontrar la imformación que se comienza a enviar a través de los tags que acabas de crear.

Tracking youtube videos con Google Analytics

Conclusion:

Como siempre espero que este tutorial sea de ayuda para incrementar tu aprendizaje. Cualquier duda o comentario no dudes en dejármelo y de igual forma puedes  descargar código aqui para  implementarlo tu mismo.

También te aconsejo  checar las métricas que te proporciona youtube analytics, ya que así podrás ver en que otras ubicaciones se consume  tus videos y enriquecer tu análisis.

 

 

Resumen
Cómo Trackear Videos de Youtube con GTM
Nombre del Articulo
Cómo Trackear Videos de Youtube con GTM
Descripción
Entra y descubre el paso a paso de como trackear tus videos de Youtube con GTM y Google Analytics.
Autor
Nombre
oscariyanez.com

Deja un comentario