Variables de Auto-Evento en GTM: 2 Ejemplos Efectivos

Actualizado: 6 de mayo de 2025

Google Tag Manager (GTM) es una herramienta poderosa que permite a los profesionales del marketing y desarrolladores gestionar de manera fácil y eficiente las etiquetas de seguimiento en sus sitios web. Si has comenzado a explorar más allá del simple seguimiento de vistas de página con Google Analytics, probablemente te hayas encontrado con una variedad de más de 15 tipos de variables disponibles en GTM. Esta amplia gama puede generar más preguntas que respuestas, como: ¿Qué es un elemento del DOM? ¿Y qué es la variable de auto-evento?

En este artículo, profundizaremos en cómo utilizar la variable de auto-evento en Google Tag Manager, presentando ejemplos prácticos que ilustran su funcionalidad y aplicabilidad en situaciones reales.

¿Qué es una variable de auto-evento?

Las variables de auto-evento en GTM son herramientas fundamentales que permiten acceder a elementos en el sitio web cuando se producen acciones automáticas, como clics o envíos de formularios. Por ejemplo:

• Al hacer clic en una imagen, puedes obtener la URL de esa imagen o el enlace de destino.
• Al enviar un formulario, puedes acceder al ID del formulario.

Estos tipos de variables son especialmente útiles porque permiten que los marketers rastreen interacciones específicas del usuario sin necesidad de implementar código adicional en el sitio. GTM ya cuenta con una serie de variables predefinidas, como ID de clic y texto de formulario, que son auto-evento, y muchas de ellas se almacenan como variables del Data Layer.

¿Qué problema resuelve la variable de auto-evento?

Imagina que en la página principal de tu sitio web hay tres imágenes clicables, cada una de las cuales abre un vídeo en YouTube. Tu objetivo es saber cuál de estas imágenes es la más popular entre tus visitantes. Aquí es donde la variable de auto-evento se vuelve crucial.

Si decides usar el disparador de clic de Google Tag Manager, podrías enfrentarte a un inconveniente: todas las imágenes tienen la misma clase CSS y no tienen identificadores únicos. Esto significa que las variables de clic estándar de GTM no te ayudarán a identificar cuál imagen se está haciendo clic. Así que, ¿qué hacer?

Una solución es utilizar la herramienta «Inspeccionar elemento» de tu navegador. Al hacer clic derecho sobre la imagen y seleccionar esta opción, podrás ver el código HTML y buscar atributos únicos que puedas usar. A menudo, puedes encontrar atributos como alt o data-video-id que pueden transformar la manera en que rastreas estas interacciones.

Configuración de la variable de auto-evento

Para crear una variable de auto-evento en Google Tag Manager, sigue estos pasos:

• Dirígete a la pestaña de Variables.
• Bajo Variables definidas por el usuario, haz clic en Nuevo.
• Selecciona Configuración de Variable y luego Variable de Auto-Evento.

Al expandir el menú desplegable de Tipo de Variable, encontrarás 13 opciones diferentes que puedes utilizar, cada una con su propio propósito específico. Aquí hay algunas de las más relevantes:

1. Elemento – Accede al propio elemento del DOM que fue el objetivo de la acción de auto-evento.
2. Tipo de Elemento – Captura el tipo de elemento que disparó el auto-evento.
3. Atributo del Elemento – Te permite regresar el valor de un atributo específico del elemento en cuestión.
4. ID del Elemento – Regresa el valor del atributo id del elemento, facilitando su identificación en el seguimiento.

Estas opciones te permiten personalizar el rastreo según las necesidades específicas de tu sitio web, brindando una flexibilidad sin precedentes.

Ejemplo 1: Uso de la variable de auto-evento en una etiqueta de GA4

En mi experiencia trabajando en una empresa de marketing llamada Omnisend, queríamos entender mejor cuáles eran las plataformas de comercio electrónico más populares entre nuestros visitantes. Cada logo de una plataforma tenía un atributo de datos denominado data-platform, que se podía identificar fácilmente usando la herramienta de inspección de elementos.

Mi objetivo era rastrear los clics en esos logos y enviar esa información a Google Analytics como eventos, donde el nombre del evento sería el nombre de la plataforma. Para lograrlo, seguí estos pasos:

1. Crear una Variable de Auto-Evento en GTM.
2. Configurar un disparador de clic para que se active solo cuando se haga clic en uno de los logos.
3. Crear una etiqueta de evento de Google Analytics que envíe los datos correspondientes.

Paso 1: Crear una variable de auto-evento

Configuración de la variable:

• Tipo: Variable de Auto-Evento
• Título: aev – data-platform
• Tipo de Variable: Atributo del Elemento
• Nombre del atributo: data-platform

Paso 2: Crear un disparador de clic

Configuración del disparador:

• Título: Clic – Logo de Plataforma Clicado
• Este disparador se activa en algunos clics de enlace.
• Las clases de clic contienen section-platform.

Paso 3: Crear una etiqueta de evento de GA4

Configuración de la etiqueta de Google Analytics:

• Ir a la pestaña de Etiquetas.
• Hacer clic en Nuevo y elegir una plantilla predefinida – Google Analytics: Evento GA4.
• Título: Evento GA4 – Logo de Plataforma Clicado
• Nombre del evento: platform_logo_click
• Añadir la variable de Auto-Evento creada como un parámetro del evento.
• Añadir el disparador previamente creado.

Ejemplo 2: Uso de la variable de auto-evento en un disparador

En otra ocasión, un colega y yo discutíamos sobre el alto porcentaje de rebote en nuestro blog. Karolina sugería que, aunque los visitantes no parecían leer más de un artículo por sesión, aún podían estar interactuando con el contenido. Decidí implementar un seguimiento de clics en imágenes dentro de las publicaciones del blog.

Al inspeccionar, noté que las imágenes contenían enlaces con atributos como rel=»lightbox-5″. Esto me permitió crear una variable de auto-evento para rastrear esos clics específicamente.

Paso 1: Crear una variable

Configuración de la variable de auto-evento:

• Título: aev – rel
• Tipo de Variable: Variable de Auto-Evento
• Tipo: Atributo del Elemento
• Nombre del atributo: rel

Paso 2: Crear un disparador

Configuración del disparador:

• Título: Clic – Imagen en Publicación de Blog
• Tipo de disparador: Solo enlaces
• Este disparador se activa en Algunos clics en enlaces.
• Condición: rel contiene “lightbox”.

Paso 3: Crear una etiqueta de evento de GA4

Configuración de la etiqueta de Google Analytics:

• Ir a la pestaña de Etiquetas.
• Hacer clic en Nuevo y elegir una plantilla predefinida – Google Analytics: Evento GA4.
• Título: Evento GA4 – Imagen de Publicación de Blog Clicada
• Nombre del evento: blog_image_click
• Añadir la variable de Auto-Evento creada como un parámetro del evento.
• Añadir el disparador previamente creado.

Resultados de la implementación

Tras implementar esta estrategia de rastreo, descubrimos que muchos visitantes estaban interactuando con las imágenes de las publicaciones, lo que ayudó a reducir la tasa de rebote en casi un 5% y aumentó el tiempo promedio de sesión. Aunque el objetivo a largo plazo era incrementar el número de páginas vistas por sesión, contar con datos más precisos fue un excelente primer paso.

Otras aplicaciones de la variable de auto-evento

La variable de auto-evento no solo se limita a rastrear clics en imágenes o logos. Aquí hay algunas ideas adicionales sobre cómo puedes utilizarla:

• Rastrear clics en enlaces externos y ver cuáles son nofollow. Solo necesitas crear una variable de auto-evento (Tipo: Atributo del Elemento, Nombre del atributo: rel) y enviarlo como una etiqueta de evento a GA.
• Monitorear envíos de formularios y extraer datos específicos como el nombre del formulario o el ID de acción.
• Rastrear interacciones en menús desplegables o elementos dinámicos para evaluar su efectividad y uso por parte del usuario.

Si tienes preguntas sobre cómo implementar variables de auto-evento o sobre Google Tag Manager en general, no dudes en comentar. Siempre hay una solución que podemos desarrollar juntos.