Menú Cerrar

Integre el reproductor Vimeo con Google Analytics y Google Tag Manager

Si es  miembro de Vimeo Business, Premium o Enterprise y usa Google Analytics, puede realizar un seguimiento de los eventos en todos los reproductores de Vimeo integrados en su sitio, excepto Vimeo Live. Google Analytics no está disponible para los reproductores en vivo de Vimeo.

Puede encontrar instrucciones para instalar Google Analytics a través del Administrador de etiquetas de Google  aquí. El código de seguimiento activa eventos de Google Analytics para reproducciones, impresiones, formularios de contacto y cuando el progreso a través de un video incrustado en su sitio llega al 25 %, 50 %, 75 % o 100 % completo. 

Puede encontrar más información en el sitio de ayuda de Google Analytics y el sitio de ayuda de Google Tag Manager.

En este articulo:

Cómo agregar el script de seguimiento de Vimeo a su sitio

  1. Ve a la   pestaña Marketing en la configuración de tu cuenta de Vimeo .
  2. Copie el código de seguimiento debajo del   encabezado de Google Analytics .
  3. Pegue este código de seguimiento debajo del script de Google Analytics dondequiera que aparezca en el código fuente HTML de su sitio web. 

GA3.png

💡 Sugerencia: si no puede modificar el código HTML de su sitio web, también puede inyectar el código de seguimiento en su sitio web mediante Google Tag Manager:

  1. Vaya al espacio de trabajo del Administrador de etiquetas de Google de su sitio.
  2. A continuación, vaya a Activadores en el menú principal del espacio de trabajo de Tag Manager.
  3. Haga clic en Nuevo.
  4. Elija Trigger type DOM ready en Page View y configúrelo para todos los eventos.
    DOMREADYTRIGGER.png
  5. Guarde sus cambios.
  6. Ahora haga clic en Etiquetas en el menú principal del espacio de trabajo de Tag Manager.
  7. Haga clic en Nuevo .
  8. En Configuración de etiquetas, elija el tipo de etiqueta HTML personalizada .
  9. Inserta tu código de seguimiento exclusivo de Vimeo en el cuadro HTML.
  10. En Activación, seleccione el activador DOM Ready creado en los pasos anteriores.
    Terminado.png

⚠️Nota: si tiene una configuración más avanzada que agrega nuevas incrustaciones a la página después de la carga inicial (por ejemplo, si usa una caja de luz o un reproductor emergente), deberá llamar a la función  window.__vimeoRefresh() en la secuencia de comandos utilizada para cargar sus incrustaciones de iframe, o puede insertar esta secuencia de comandos personalizada en el código fuente de su página web debajo de la secuencia de comandos de Vimeo GA:

<script>setTimeout(función(){ ventana.__vimeoRefresh(); }, 3000);</script>

Puede insertar esta secuencia de comandos usando GTM dentro de la misma etiqueta utilizada para activar su secuencia de comandos de seguimiento de Vimeo GA, como se muestra aquí:

Confirme que el código de seguimiento de Vimeo se ha instalado correctamente

  1. Primero vaya a Google Tag Manager y haga clic en el botón Vista previa para ingresar al modo de vista previa.
  2. Vaya al sitio en el que configuró el código de seguimiento. Allí, verá la consola del Administrador de etiquetas de Google . Puede verificar esto confirmando que hay entradas de Vimeo en la sección Resumen , así como haciendo clic en la pestaña Capa de datos dentro de la propia consola para verificar la existencia de eventos de Vimeo.

capa de datos.png

⚠️Nota: si no ve la ventana de depuración al acceder a su página web, asegúrese de haber instalado correctamente Google Tag Manager en su sitio web.

Variables y disparadores definidos por el usuario

Una vez que haya confirmado que se ha instalado el código de seguimiento de Vimeo, le recomendamos que siga las instrucciones de Google sobre la creación de variables y activadores definidos por el usuario para realizar un seguimiento de sus eventos.

Las siguientes especificaciones pueden ser útiles para crear variables y disparadores:

Configuraciones variables

  • event_category: Vídeo
  • event_action  (los valores deben estar en minúsculas y coincidir con el formato siguiente):
    • carga
    • desempeñar
    • progreso – 25%
    • progreso – 50%
    • progreso – 75%
    • progreso – 100%
    • captura de correo electrónico
  • event_label: Título del video + ID del video. Por ejemplo: «Mi video de Vimeo | 78934»

Configuración de disparador

  • Tipo de activador : Evento personalizado
  • Nombre del evento : vimeo (el valor debe estar en minúsculas)

Más información

Algunos detalles técnicos más a tener en cuenta sobre la integración con Google Analytics:

  • El script funcionará con análisis universal, análisis clásico y Google Tag Manager solo si las bibliotecas de seguimiento se definen como ga para universal, _gaq para clásico o dataLayer para Google Tag Manager.
  • Si usa el script, no agregue la API del reproductor de Vimeo (https://player.vimeo.com/api/player.js). Si necesita la funcionalidad de esa biblioteca, debe colocar el código después del script de seguimiento de Google Analytics.