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 sobre nuestros vídeos… Pero este no es el caso.

Como bien sabréis, cuando estamos tratando con el entorno AMP, a la hora de utilizar GTM se muestran todas las limitaciones, y no es una excepción en el caso de tracking de los vídeos, en el que tenemos que pasar sí o sí por nuestros developers si queremos tener analítica de vídeos para este entorno.

Vamos a empezar listando aquellas extensiones de vídeos AMP con las que podremos tener un tracking para obtener datos:

<amp-video>

<amp-3q-player>

<amp-brid-player>

<amp-birghtcove>

<amp-ima-video>

<amp-nexxtv-player>

<amp-ooyala-player>

<amp-youtube>

<amp-video-player>

Ahora que ya sabemos con qué tipo de vídeos podremos hacer la implementación del tracking de la analítica, es el momento de hablar de los diferentes triggers que vamos a necesitar para poder recoger las interacciones del usuario con los vídeos.

Anuncios

En el caso de que el vídeo muestre un anuncio, vamos a necesitar los siguientes triggers:

Reproducción de contenido

A continuación mostramos el código que vamos a utilizar para el inicio y el final de la reproducción del contenido, junto con los porcentajes de visualización.

Ahora que ya hemos mostrado el código que debemos utilizar para la implementación de la analítica, vamos a mirar de describir los parámetros que se van a utilizar:

on”: es el evento que se va a escuchar (play, end, percentage..)

request”: tipo de solicitud que enviamos, en nuestro caso un evento

selector”: propiedad que utilizamos para buscar un elemento mediante el CSS. Este elemento lo encontramos en la librería propia de cada player.

Eso es todo lo que os puedo explicar sobre cómo tener analítica para los vídeos en el entorno AMP. Espero que os animéis a hacer esta implementación y deis un paso al frente.

Nos vemos por el blog.

ANTERIOR
SIGUIENTE

TIPS DE EXPERTOS

Suscríbete para impulsar tu negocio.

ÚLTIMOS ARTÍCULOS

Claude 4.0: una nueva era en chatbots de IA

La inteligencia artificial (IA) continúa avanzando a pasos agigantados, y Claude 4.0, desarrollado por Anthropic, representa un hito significativo en este camino. Este modelo de lenguaje de última generación destaca por su capacidad para comprender contextos complejos, ofrecer respuestas precisas y adaptarse a diversas necesidades empresariales.

AlphaEvolve: El nuevo agente de codificación impulsado por Gemini

En un mundo donde la tecnología avanza con una rapidez sin precedentes, la inteligencia artificial se consolida como un motor clave de transformación. Entre las innovaciones más prometedoras del momento destaca AlphaEvolve, un agente de codificación evolutivo que combina la potencia creativa de los modelos de lenguaje de gran escala (LLM) con evaluadores automatizados, abriendo nuevas fronteras en el desarrollo de software, la optimización de algoritmos y la resolución de problemas complejos en matemáticas y computación.

Cómo la IA está revolucionando el diseño y desarrollo

En el marco de su evento Config 2025, Figma ha dejado claro que el futuro del diseño digital estará profundamente marcado por la inteligencia artificial. Más allá de presentar nuevas funciones, la compañía subraya un cambio de paradigma: el diseño ya no es un proceso aislado, sino el núcleo que conecta creatividad, tecnología y desarrollo de producto.

El servidor MCP de HubSpot: Nueva integración, nuevas posibilidades

HubSpot ha dado un paso clave con el lanzamiento del servidor MCP, actualmente disponible en beta pública. Esta nueva plataforma permite que clientes de inteligencia artificial como Cursor y Claude se conecten directamente con los datos de HubSpot, habilitando un ecosistema de integración más robusto y dinámico, tanto para empresas B2B como B2C.

data
Mallorca 184, 08036
Barcelona, Spain