Seguimiento de Clics con Tag Manager & Google Analytics 4

Método 1 seguimiento de clics por medio del texto del botón

En este tutorial de Google Tag Manager aprenderás como hacer seguimiento de clics, lo cual puede resultar muy útil para medir todo tipo de interacciones de botones de tu sitio web o landing page.

Primero lo tienes en vídeo cómo hacer seguimiento por medio del texto que tenga el botón y el artículo, vamos a realizar ese seguimiento por medio de la clase de CSS que tenga este botón o enlace el cual necesitamos medir.

Estos son solo algunos ejemplos de botones de los que quizás desees realizar un seguimiento:

Botones del menú de navegación
Suscribirse / Registrarse
Leer más
Descargas de PDF
Links de marketing afiliado
Enlaces salientes

Luego de que termines esta, guia serás capas de:

Crear y probar un activador (trigger) genérico de seguimiento de clics
Configurar el activador (trigger) de seguimiento de clics en el botón que deseas rastrear
Crear una etiqueta de evento basada en el activador antes creado

Te puede interesar:

Método 2 seguimientos de clics por medio de clases CSS

Paso #1 – Activar las variables en Google Tag Manager

Ingresa al contenedor y damos clic en variables en la columna de la que está a la izquierda.
Presiona el botón configuración.
Estando en esta sección haces scroll hasta encontrar el apartado de clics y activas todas las variables, esto te va a permitir habilitar el trigger (activador) según el texto o clase de CSS que tenga el enlace o en este caso el botón.

Paso #2 – Crear un «Activador» para todo el sitio web

Esto te sirve para identificar algunos elementos únicos del botón o enlace que deseamos medir como el texto, una clase css, un, id de css y luego de que los identifiquemos usarlos en la configuración final de Google Tag Manager

En GTM, haz clic en «Activadores».
Luego selecciona nuevo Activador.
Elige un nombre que sea fácil de identificar, yo voy a usar «Clics General».
Para este tipo de Activador, ve Clics, y luego selecciona «Todos los elementos«.
Posteriormente, marca «Todos los clics» ya que lo que necesitas es que GTM registre todos los clics que se realizan en la web.
Finalmente guarda los cambios.

Paso #3: Aprende como identificar las variables de cada clic

Luego de que realizamos el ajuste para que Google Tag Manager registre o mas bien identifique cada clic en el sitio, usaremos la función el Modo de vista previa para ver qué sucede cuando hacemos clic en el botón de lo que estamos tratando de medir.

En este caso voy a medir el clic en botón de descargar de un landing que he creado como ejemplo para esta, guía.

Esta puede ser la parte más compleja de la guia, pero una vez logras entender como identificar las variables que tienen los botones de tu sitio web te será mucho fácil realizar ajustes futuros, mucha atención a lo que viene

Ve al área de trabajo de Google Tag Manager, a continuación haz clic en el botón Vista previa. Esto nos permitirá visualizar en qué etiquetas y activador este configurado en el sitio web.
Ahora ingresa a tu sitio web, si activaste el modo vista previa deberías ver un cuadro de GTM en la parte inferior de su sitio.
Ve a la sección donde está el botón o link que te interesa medir y haz clic en él con Ctrl + Clic derecho del mousse esto para que link se habrá en nueva pestaña y no te saque den la página actual.
Cada clic que realizas genera una especie de informe o resumen de las variables que desencadena esta acción en tu web.
Busca en la consola de Google Tag Manager el término «Link Click» y selecciónalo.
Ve a la pestaña variable en la sección en la consola de Google Tag Manager. «Revisa las variables»
En esta sección puedes ver las variables que tiene el botón al cual le diste clic, esta información te sirve para identificar cuál de estas variables puede usar posteriormente en al activador de Google Tag Manager. En mi caso usare la variable de Clics Classes
Encuentra la variable «Clics Class». Esto le dice el código de cómo se nombra este evento en particular. Copio el texto En mi ejemplo a continuación, es «fl-button-text».

Paso #4: Redefinir el activador (trigger) de clic

Ahora que sabemos cómo identificado la variable cuando hacemos clic en el botón que queremos medir, vamos a cambiar el activador de clics existente para que sea específico para el botón que estamos rastreando.

Ingresas una vez más a Google Tag Manager y haz clic en Clics General
Cambia el nombre por el botón que está Clics General. Para mí, esto será «Clic Descarga»
Cambia la opción de todos «Todos los clics» por «Algunos clics»
En el menú desplegable selecciona «Clases de clic»
Luego selecciona «contiene» en el menú desplegable del medio
En el menú desplegable más a la derecha, debes pegar el codigo, la línea de CSS que identificaste en el paso anterior, en mi caso es:
Guardas los cambios

Paso #5: Agrega el Activador a una etiqueta

Ahora que tienes el activador correcto, debes asignarle una etiqueta.

Haz clic en «Etiquetas»
Selecciona «Nueva»
Coloca un nombre que tenga más sentido. Me gusta ser muy explícito para luego poder identificar los TAGS con mayor facilidad, por ello voy a bautizarlo como – Google Analytics Descarga PDF Tag»
Para Tipo de etiqueta, elija «Universal Analytics»
Para el tipo de pista, seleccione «Evento»
No hay una forma correcta o incorrecta de nombrar los campos aquí, pero completé esto, ya que tiene más sentido para su botón. Así es como lo completé para este ejemplo:
Categoría: Clic en Botón
Acción: Descarga PDF
Etiqueta: haz clic en el ícono de «lego» y selecciona «Page Path»
En el campo configuración de Google Analytics seleccionas nueva variable
Colócale un nombre a esta variable, en caso usé Google Analytics ID Variable
Ingrese su número de cuenta de Universal Analytics. Puede encontrar esto en tu cuenta de Google Analytics. Es el número que comienza con «UA-» y una serie de números, finalmente guardar.
Ahora debes agregar el activador de botón a esta etiqueta. Haz clic en el icono del activador a continuación
Selecciona el activador que recién configuraste
Finalmente «Guardar»

Paso #6: Como sabes si esto esta funcionando correctamente

Haga clic en «Actualizar» en el cuadro Vista previa.
Regrese a su sitio web y actualízalo. Si aún está activo, el modo vista previa debería ver el cuadro de análisis en la parte inferior.
Haga clic en el botón que estás intentando seguir
en el apartado Tags Fired On This Page (Etiquetas activas en esta página) deberás ver la etiqueta que acabaste de crear 🙂

En la sección de resumen en la consola de debug de Tag Manager en el apartado Tags Fired On This Page (Etiquetas activas en esta página) deberás ver la etiqueta que acabaste de crear 🙂

Si tienes alguna duda de la implementación, no dudes dejarla en los comentarios, y recuerda ver el video que está al inicio de este post en el cual explico otro método para hacer el seguimiento.

El seguimiento de clics es la parte fácil; lo que suele fallar es la medición de conversiones. Eso es lo que configuro como consultor de Google Analytics y Tag Manager.

Albeiro Ochoa

Consultor de Google Ads desde 2010. He gestionado más de 347 cuentas y más de USD 3 millones de inversión publicitaria para empresas de Latinoamérica.

Conoce mi forma de trabajo →