Si eres miembro de Vimeo Business, Premium o Enterprise y utilizas Google Analytics, también puedes utilizar Google Tag Manager para configurar eventos de rastreo para los reproductores de Vimeo insertados en tu sitio. Antes de empezar, deberás asegurarte de tener configurada una cuenta de Google Tag Manager y de tener instalado Google Tag Manager en tu página. Puedes encontrar más información al respecto en el sitio de asistencia de Google Tag Manager.
En este artículo:
- Paso 1: Agrega la secuencia de comandos de rastreo de Vimeo a tu sitio
- Paso 2: Confirma} que el código de rastreo de Vimeo se ha instalado correctamente
- Paso 3: Crea variables para los eventos de Vimeo
- Paso 4: Crea un activador para rastrear los eventos de Vimeo
- Paso 5: Conecta tus activadores a cualquiera de tus etiquetas GTM
- Paso 6: Publica los cambios y comienza el rastreo
Paso 1: Agrega la secuencia de comandos de rastreo de Vimeo a tu sitio web
Necesitarás agregar nuestra secuencia de comandos que traduce los eventos del reproductor Vimeo a los eventos de Google Tag Manager. Inicia sesión y ve a https://vimeo.com/settings/. En la pestaña Marketing, en la parte inferior, verás un código de rastreo e instrucciones sobre cómo agregar la secuencia de comandos a las páginas que desees rastrear.
Tendrás que pegar este código de rastreo debajo de la secuencia de comandos de Google Analytics donde sea que aparezca en el código fuente HTML de tu sitio web.
💡CONSEJO: Si no puedes modificar el código HTML de tu sitio web, puedes optar por insertar el código de rastreo usando Google Tag Manager. Aquí hay algunas instrucciones:
- Ve al área de trabajo de Google Tag Manager de tu sitio
- Ahora ve a "Activadores" desde el menú principal del área de trabajo del Tag Manager
- Haz clic en "Nuevo"
- Selecciona el tipo de activador "DOM ready" en Vista y configúralo para todos los eventos
- Guarda tus cambios
- Ahora haz clic en "Etiquetas" en el menú principal del área de trabajo del Tag Manager
- Haz clic en "Nuevo"
- En Configuración de etiquetas, elije la etiqueta "HTML personalizado"
- Ingresa tu código de rastreo único de Vimeo en el cuadro HTML
- En Activación, selecciona el activador "DOM Ready" creado en los pasos anteriores
⚠️ Si tienes una configuración más avanzada que agregue nuevas inserciones a la página después de la carga inicial (por ejemplo, si utilizas una caja de luz o un reproductor emergente), tendrás que llamar a la función window.__vimeoRefresh() en la secuencia de comandos utilizada para cargar tus inserciones de iframe, o puedes insertar esta secuencia de comandos personalizada en el código fuente de tu página web debajo de la secuencia de comandos de Vimeo GA:
<script>setTimeout(function(){ window.__vimeoRefresh(); }, 3000);</script>
Ten en cuenta que puedes insertar esta secuencia de comandos utilizando GTM dentro de la misma etiqueta utilizada para activar tu secuencia de comandos de seguimiento de Vimeo GA, como se muestra aquí:
Paso 2: Confirma que el código de rastreo de Vimeo se haya instalado correctamente
Para hacerlo, primero ve al Google Tag Manager y haz clic en el botón Vista previa para ingresar al Modo de vista previa.
Luego, ve al sitio donde configuraste el código de rastreo. Allí, verás la consola de Google Tag Manager. Puedes verificar esto confirmando que haya entradas de Vimeo en la sección "Resumen", así como también haciendo clic en la pestaña "Capa de datos" dentro de la propia consola para verificar la existencia de eventos de Vimeo.
⚠️Si no ves la ventana de depuración cuando accedas a tu sitio web, asegúrate de haber instalado correctamente el Google Tag Manager en el mismo.
Paso 3: Crea variables para los eventos de Vimeo
En tu cuenta de Google Tag Manager, crea una nueva variable configurada por el usuario en la sección “Variables” del GTM para cada uno de los siguientes valores de la capa de datos:
- event_category (siempre 'Video')
- event_action (cargar, reproducir, progreso - 25%, progreso - 50%, progreso - 75%, progreso - 100%, captura de correo electrónico)
- event_label (Título del video + ID del video. Ej .: “Mi Video Vimeo | 78934”)
Si ya tienes configuradas las variables para los valores de esta capa de datos, puedes usarlas de nuevo.
Categoría del evento
- En Tipo de variable, selecciona "Variable de capa de datos"
- Introduce el nombre de la variable, event_category (nota: este valor debe estar en minúsculas y coincidir exactamente)
- Para la versión de capa de datos, selecciona "Versión 2"
- Asegúrate de que "Establecer valor predeterminado" no esté seleccionado
- Pulsa Guardar
Acción del evento
- Crea una nueva variable
- En Tipo de variable, selecciona "Variable de capa de datos"
- Introduce el nombre de la variable, event_action (nota: este valor debe estar en minúsculas y coincidir exactamente)
- Para la versión de capa de datos, selecciona "Versión 2"
- Asegúrate de que "Establecer valor predeterminado" no esté seleccionado
- Pulsa Guardar
Etiqueta del evento
- Crea una nueva variable
- En Tipo de variable, selecciona "Variable de capa de datos"
- Introduce el nombre de la variable, event_label (nota: este valor debe estar en minúsculas y coincidir exactamente)
- Para la versión de capa de datos, selecciona "Versión 2"
- Asegúrate de que "Establecer valor predeterminado" no esté seleccionado
- Pulsa Guardar
Finalmente, regresa al área de trabajo principal de GTM para ver todas las variables que acabas de crear.
Paso 4: Crea un activador para rastrear los eventos de Vimeo
Crear un nuevo activador
-
En el área de trabajo de GTM, ve a la sección de Activadores y selecciona "Nuevo"
-
En Tipo de activador, selecciona "Evento personalizado"
-
Para Nombre del evento, ingresa vimeo (Nota: este valor debe estar en minúsculas y coincidir exactamente)
-
Configura el activador para abrir "Todos los eventos personalizados"
Con esta configuración de activación, podrás realizar un rastreo automático de cualquier evento enviado desde los reproductores Vimeo integrados en tu sitio.
*OPCIONAL*- Si prefieres rastrear solamente ciertos eventos en el reproductor, también puedes seleccionar "Algunos eventos personalizados" en la configuración de activación y filtrar las opciones.
La imagen de abajo es un ejemplo de un activador que solo rastrea reproducir eventos.
Las siguientes acciones de eventos se envían desde el reproductor y están disponibles para su rastreo:
- carga
- Reproducir
- progreso - 25%
- progreso - 50 %
- progreso - 75 %
- progreso - 100 %
- Captura de correos electrónicos
(Nota: todos los valores de acción del evento deben estar en minúsculas y coincidir con el formato anterior)
Paso 5: Conecta tus activadores a cualquiera de tus etiquetas GTM
Cuando establezcas variables y activadores para todos tus eventos de Vimeo, podrás conectarlos en tus servicios de seguimiento de eventos, como Universal Analytics.
Aquí hay un ejemplo que vincula a todos los eventos de Vimeo a un evento de Universal Analytics.
- En el área de trabajo de GTM, selecciona Etiquetas y elije "Nueva"
- En Tipo de etiqueta, selecciona "Universal Analytics"
- Para Tipo de rastreo, selecciona "Evento"
- Enlace a las variables configuradas en el paso 3 para Categoría, Acción y Etiqueta.
(Nota: La configuración de Google Analytics debe estar preconfigurada como una variable, separada de la configuración de Vimeo. Esto te permite mantener la configuración en todas las etiquetas) - En Activación, elije tu Activador de Vimeo (nota: este es el activador que creamos en el paso anterior)