Cómo configurar un evento de clic en Google Tag Manager (GTM) – Guía paso a paso

Cómo configurar un evento de clic en Google Tag Manager (GTM) – Guía paso a paso - 25 de feb de 2025 - 2 min de lectura Actualizado: 15 de mar de 2025

Configurar un evento de clic en Google Tag Manager (GTM) es un proceso sencillo que te permite rastrear las interacciones de los usuarios, como clics en botones, clics en enlaces u otros elementos de tu sitio web. Aquí tienes una guía paso a paso para ayudarte a lograrlo:

Paso 1: Accede a tu contenedor de GTM

Inicia sesión en tu cuenta de Google Tag Manager en tagmanager.google.com.
Selecciona el contenedor vinculado al sitio web donde deseas rastrear los clics.

Paso 2: Habilita las Variables de Clic integradas

GTM tiene variables integradas para capturar datos de clics, pero primero deben activarse:

En GTM, ve a la sección Variables en la barra lateral izquierda.
Haz clic en Configurar en el cuadro de "Variables integradas".
Marca las casillas de las variables relacionadas con clics que necesites, tales como:
- Click Element
- Click Classes
- Click ID
- Click URL
- Click Text
Guarda los cambios.

Paso 3: Crea un Activador (Trigger) para el evento de clic

Los activadores definen cuándo se dispara tu etiqueta. Para rastrear clics:

Ve a Activadores en la barra lateral izquierda y haz clic en Nuevo.
Nombra tu activador (por ejemplo, "Activador de Clic en Botón").
Haz clic en el cuadro de configuración del activador y elige Clic - Todos los elementos (o Clic - Solo enlaces si solo rastreas clics en links).
Selecciona cuándo debe dispararse el activador:
- Todos los clics: Se dispara en cada clic.
- Algunos clics: Se dispara basado en condiciones (por ejemplo, clics en un botón específico).
Si usas "Algunos clics", establece una condición, como:
- Click ID es igual a submit-button (reemplaza con el ID de tu elemento).
- Click Classes contiene btn-primary (reemplaza con la clase de tu elemento).
- Click Text es igual a Saber más (para texto de botón específico).
Guarda el activador.

Paso 4: Crea una Etiqueta (Tag) para rastrear el evento

Ahora, vincula el activador a una etiqueta que envíe los datos del clic (por ejemplo, a Google Analytics):

Ve a Etiquetas en la barra lateral izquierda y haz clic en Nueva.
Nombra tu etiqueta (por ejemplo, "GA - Evento de Clic en Botón").
Haz clic en el cuadro de configuración de la etiqueta y selecciona Google Analytics: Universal Analytics (o tu herramienta de analítica preferida).
Establece el tipo de seguimiento en Evento.
Completa los detalles del evento:
- Categoría: por ejemplo, "Clics en Botones"
- Acción: por ejemplo, "Clic"
- Etiqueta: Usa una variable como {{Click Text}} o {{Click ID}} para datos dinámicos.
En "Configuración de Google Analytics", selecciona tu variable de GA o ingresa tu ID de seguimiento (por ejemplo, UA-XXXXX-Y).
Vincula la etiqueta a tu activador haciendo clic en el cuadro de Activación y seleccionando el activador que creaste.
Guarda la etiqueta.

Paso 5: Vista previa y Pruebas

Haz clic en Vista previa en GTM para entrar en el modo de depuración (debug mode).
Abre tu sitio web en una nueva pestaña; debería conectarse a la vista previa de GTM.
Haz clic en el elemento que estás rastreando y revisa el panel de depuración para ver si la etiqueta se dispara.
Si funciona, la etiqueta aparecerá bajo "Tags Fired" con los detalles correctos.

Paso 6: Publica los cambios

Una vez probado, sal del modo de vista previa y haz clic en Enviar en GTM.
Añade un nombre a la versión (por ejemplo, "Añadido evento de clic en botón") y haz clic en Publicar.

Consejos

Usa las herramientas para desarrolladores de tu navegador (clic derecho > Inspeccionar) para encontrar IDs, clases o texto para tus condiciones.
Si el clic no se registra, asegúrate de que el fragmento de código de GTM esté correctamente instalado en tu sitio.
Para configuraciones avanzadas (por ejemplo, rastrear clics en contenido dinámico), podrías necesitar variables de JavaScript personalizadas.

Aprende más en la Comunidad de GTM o en Google Analytics Academy para obtener consejos avanzados. También hay muchísimos videos tutoriales en YouTube.

Tags:

Cómo configurar un evento de clic en Google Tag Manager (GTM) – Guía paso a paso