Si estás comenzando a adentrarte en el mundo de Google Tag Manager, es probable que una de las funcionalidades más solicitadas sea el seguimiento de clics. Tu sitio web tiene múltiples elementos que se pueden clicar, y entender cómo interactúan los visitantes con ellos es esencial para mejorar la experiencia del usuario. En este artículo, exploraremos cómo rastrear clics con Google Analytics 4 (GA4) y Google Tag Manager (GTM).
Comenzaremos revisando las capacidades automáticas de seguimiento de clics en GA4 y luego ampliaremos la lista de eventos rastreados utilizando GTM. Si eres completamente nuevo en GA4, te sugiero descargar mi libro electrónico gratuito sobre GA4 aquí.
¿Listo? ¡Empecemos!
¿Por qué es importante rastrear clics?
Imagina esto: ¿cuáles son las interacciones más comunes que realizas en cualquier sitio web? Probablemente se trate de vistas de página, desplazamientos y clics. Los usuarios hacen clic en enlaces y botones para navegar entre páginas y alcanzar un objetivo específico. Por lo tanto, rastrear estas interacciones es crucial para comprender el comportamiento del usuario.
Capturar clics y enviar sus datos a herramientas analíticas, como Google Analytics, te permite analizar y mejorar la usabilidad de tu sitio. Aquí hay algunos casos de uso populares para el seguimiento de clics en GA4:
Seguimiento de clics en botones (por ejemplo, clics en el botón «Agregar al carrito»).
Clics en enlaces externos (cuando un visitante hace clic en un enlace que lleva a un recurso externo).
Clics en enlaces de contacto (por ejemplo, clics en direcciones de correo electrónico o números de teléfono).
Descargas de archivos (cuando alguien hace clic en un enlace que contiene una extensión de archivo, como .pdf, .docx, etc.).
En este artículo, examinaremos cómo GA4 puede rastrear automáticamente clics en enlaces externos y descargas de archivos. También te mostraré un ejemplo adicional sobre cómo rastrear otros elementos clicables en un sitio web. Y si esto no es suficiente, proporcionaré recursos adicionales sobre el seguimiento de clics en botones.
Seguimiento automático de clics en Google Analytics 4
Al configurar un flujo de datos web en GA4, puedes aprovechar la función de Medición mejorada. Esta característica está diseñada para ayudar a los especialistas en marketing a obtener la mayor cantidad de eventos en los informes sin necesidad de colaborar con desarrolladores o configurarlos en Google Tag Manager.
Para activar esta función, dirígete a Admin > Flujos de datos > Selecciona el flujo de datos web, donde verás una sección llamada Medición mejorada.
Por defecto, esta función está habilitada y rastrea automáticamente los siguientes eventos:
Vista de página (nombre del evento: page_view)
Desplazamiento (nombre del evento: scroll)
Clic en enlace externo (nombre del evento: click con el parámetro outbound: true)
Búsqueda en el sitio (nombre del evento: view_search_results)
Compromiso de video (eventos: video_start, video_progress, video_complete)
Descarga de archivo (nombre del evento: file_download)
Puedes habilitar o deshabilitar eventos individualmente haciendo clic en el ícono de engranaje en la sección Medición mejorada y luego activando o desactivando los botones de alternancia.
Algunos eventos pueden personalizarse adicionalmente. A continuación, revisaremos los eventos relacionados con clics.
Clic. Este evento se utiliza para rastrear clics en enlaces externos (cuando un enlace redirige al visitante a otro dominio). Con este evento, se envía un parámetro adicional outbound con el valor «true». Además, se envían otros parámetros como link_classes, link_domain, link_id, link_url.
Si tu negocio opera en varios dominios, puedes acceder a Configurar ajustes de etiqueta (en el mismo flujo de eventos) > Configurar tus dominios y así ingresar los dominios de tu negocio. Todos los dominios listados ahí no activarán el evento de clic en enlace externo.
file_download. Este evento se envía a GA4 cuando se hace clic en un enlace que contiene una de las siguientes extensiones de archivo: .pdf, .xls, .xlsx, .doc, .docx, .txt, .rtf, .csv, .exe, .key, .pps, .ppt, .pptx, .7z, .pkg, .rar, .gz, .zip, .avi, .mov, .mp4, .mpe, .mpeg, .wmv, .mid, .midi, .mp3, .wav, .wma. Actualmente, no es posible actualizar esta lista con otras extensiones a través de la interfaz de GA4.
Una vez que elijas qué eventos deseas rastrear, haz clic en Guardar en la esquina superior derecha y asegúrate de que la Medición mejorada esté habilitada (el botón de alternancia estará azul).
A partir de ese momento, tu Google Analytics 4 comenzará a rastrear automáticamente los eventos. Puedes utilizar DebugView para verificar si todo se captura correctamente.
Pero, ¿qué pasa si deseas rastrear clics en otros elementos (que no son enlaces de archivo o externos)? Veamos el siguiente capítulo.
Cómo rastrear clics personalizados con Google Tag Manager
Consejo: Si deseas aprender más sobre el seguimiento de eventos con Google Analytics 4, consulta esta guía extensa (que incluye un video).
Imaginemos que tengo un sitio web de demostración y quiero rastrear clics en la barra de menú.
Nota: Las condiciones de activación del seguimiento de clics en enlaces de menú varían en la mayoría de los sitios web, debido a diferentes clases de clics, identificadores, etc. Intenta aplicar este ejemplo lo mejor posible.
Primero, necesito crear un disparador con las condiciones correctas para distinguir cualquier clic de un clic en un enlace de menú. Activa el modo vista previa de Google Tag Manager y prueba haciendo clic en cualquier enlace del menú en el sitio web. Una vez que hagas clic en el primer enlace, deberías ver el evento Link Click en la barra lateral izquierda del modo vista previa.
Si no lo ves, deberías:
Tener al menos un disparador Just Links activado en la página.
O tener habilitado el seguimiento de “Descargas de archivos” o “Enlaces salientes” en la configuración de Medición mejorada.
Si decides no usar la Medición mejorada en GA4, deberíamos crear un disparador de clics en enlaces. Ve a Google Tag Manager > Disparadores > Nuevo > Just Links. Mantén el disparador configurado en «Todos los clics en enlaces» y guarda el disparador.
Con la creación de este disparador, habilitaremos la funcionalidad de seguimiento de enlaces en Google Tag Manager.
A continuación, dirígete a Variables > Configurar (en la sección de “Variables integradas”) y habilita todas las variables relacionadas con clics.
Actualiza el modo vista previa (haciendo clic nuevamente en el botón Vista previa).
Luego, ve a tu sitio web y haz clic en cualquier enlace del menú. Haz clic al menos en dos de ellos. Regresa al modo vista previa y deberías comenzar a ver los eventos de Link Click en el modo vista previa. Haz clic en el primer evento Link Click y dirígete a la pestaña de Variables del modo vista previa.
Después, haz clic en el segundo evento Link Click. Estoy buscando una variable que pueda usar para distinguir un clic en un enlace de menú. No quiero activar mi etiqueta de evento de GA4 en cualquier clic de enlace. Quiero activarla específicamente en un clic en un enlace de menú.
Tras observar más de cerca, veo que ambos enlaces contienen el mismo valor de Click Classes: site-nav__link site-nav__link–main. Por cierto, nav significa “navegación” en este contexto. ¡Genial! Usaré esto en mi disparador de Just Links.
Regresa a la lista de disparadores en tu contenedor de GTM y haz clic en el disparador que creaste anteriormente para Todos los clics en enlaces. Editaremos este disparador y agregaremos una condición: Click Classes contiene site-nav__link–main.
Guarda el disparador. Ahora es el momento de crear una etiqueta de evento de Google Analytics 4. Pero antes, te mostraré una buena práctica que te ayudará en el futuro.
Creemos una variable constante que contenga nuestro ID de medición. Ve a Variables > Configuración de variable > Constante y pega tu ID de medición.
Guarda la variable. Luego, dirígete a Etiquetas > Nuevo > Google Analytics > Google Analytics: GA4 Event.
Inserta tu variable constante recién creada, y deberías ver una marca de verificación verde. Si no la ves, corta y pega el nombre de la variable constante en ese campo (para activar la validación).
Después, ingresa el nombre del evento. Su valor depende de ti. Cualquiera de las siguientes opciones es perfectamente válida:
menu_click
menu
menu_item_click
menu click
etc.
Estos son solo algunos ejemplos. Dado que estamos trabajando con un evento personalizado, podemos nombrarlo como queramos (siempre que sigamos las limitaciones de longitud del nombre, por ejemplo).
En mi caso, usé el nombre de evento menu_link_click. Pero esta vez, enviar solo el nombre del evento no es muy útil. Probablemente querrás saber cuáles elementos del menú se hacen clic con mayor frecuencia. ¿Qué tal si también enviamos el nombre del elemento del menú y la URL?
Podríamos hacerlo enviando parámetros adicionales del evento. Aunque podrías utilizar parámetros ya mencionados en la documentación de la Medición mejorada (como link_url y link_text), vamos a crear dos parámetros personalizados (porque solo quiero mostrarte cómo configurarlos).
Voy a pasar dos parámetros: menu_item_url y menu_item_name. Inventé estos nombres de parámetros, y tú también puedes hacerlo. Esa es la flexibilidad que ofrece el modelo de datos.
Para enviar parámetros personalizados, debes expandir la sección de Parámetros del evento en la etiqueta de evento de Google Analytics 4 y luego hacer clic en Añadir fila.
Ingresa el nombre del primer parámetro. En mi caso, es menu_item_url. En el campo de Valor, insertaré una variable que devuelva una URL clicada. Afortunadamente, GTM ya ofrece dicha variable. Se llama Click URL. Haz clic en el botón Insertar variable y luego selecciona la variable {{Click URL}}.
Agreguemos otro parámetro, menu_item_name. Para eso, GTM ofrece otra variable integrada, {{Click Text}}. Inserta esto también. Dado que los visitantes de tu sitio pueden traducir tu página, el valor de {{Click Text}} también cambiará, por lo que verás una lista más diversa de valores recogidos en tus informes de GA4.
Asigna el disparador de Just Links previamente creado a esta etiqueta. Guarda la etiqueta. Actualiza el modo de vista previa de GTM y haz clic en un par de tus elementos del menú. Regresa al modo de vista previa y haz clic en esos eventos Link Click. Verifica si las etiquetas de eventos de GA4 para clics en enlaces del menú se han activado.
Ahora, debes ir a Google Analytics 4 y revisar el DebugView. Puedes aprender más sobre eso en este artículo.
IMPORTANTE: aunque verás tus parámetros personalizados en los informes en tiempo real y en DebugView en GA4, no podrás verlos en otros informes de GA4 a menos que registres esos parámetros como dimensiones personalizadas en Google Analytics. Consulta el siguiente capítulo de este artículo.
Registro de definiciones personalizadas (opcional)
Esto se aplica a cualquier parámetro personalizado que envíes a Google Analytics 4. Los parámetros estándar (como link_id, link_url, etc.) NO requieren ser registrados como dimensiones personalizadas. Puedes utilizarlos en lugares como Exploración de embudos, Informe libre sin problemas.
Pero si deseas ver parámetros personalizados en los informes (por ejemplo, menu_link_url), debes registrarlos como dimensiones personalizadas.
En Google Analytics 4, dirígete a Admin > Definiciones personalizadas. Como enviamos dos parámetros personalizados con el clic en el enlace del menú, debemos registrarlos aquí.
Haz clic en el botón Crear dimensiones personalizadas y luego ingresa:
El nombre del parámetro. Puedes ingresar lo que desees. Así es como se mostrará la dimensión en tus informes. Puedes llamarlo “menu_item_url”, “URL del elemento del menú” o cualquier otra cosa.
Ámbito. Dado que queremos aplicar este parámetro solo a un evento (y no a todos los eventos del mismo usuario), necesitamos seleccionar Evento.
Parámetro de evento. Aquí debes ingresar su nombre exactamente como lo ingresaste en la etiqueta de GTM. Si tu nombre de parámetro es menu_item_url, debes introducirlo aquí exactamente así. No te preocupes si la función de autocompletar de ese campo aún no muestra tu parámetro. Simplemente ingrésalo y guarda la dimensión.
Luego, registra un segundo parámetro (en mi caso, fue menu_item_name) y guárdalo. Por cierto, a veces utilizo las palabras “parámetro personalizado” y “dimensión personalizada” de manera intercambiable. En general, las métricas personalizadas y las dimensiones personalizadas se agrupan como parámetros personalizados.
Ahora, debemos esperar. Dentro de las próximas 24 horas, los parámetros personalizados comenzarán a aparecer en tus informes de Google Analytics 4.
Prueba tu seguimiento de clics en Google Analytics 4
Una vez que configures tus eventos personalizados, es hora de probarlos. La función principal diseñada para depurar datos de GA4 es la sección DebugView. Puedes encontrarla en Admin > DebugView.
Ese es el lugar donde debe realizarse tu depuración. No lo confundas con el modo vista previa y depuración de GTM. Son dos cosas diferentes.
Para habilitar el modo de depuración en GA4, tienes varias opciones (cualquiera de ellas funcionará):
Habilita la extensión de Chrome GA debugger.
Envía un parámetro debug_mode junto con un evento.
Ten habilitado el modo vista previa de Google Tag Manager en una página que estés depurando.
Sin embargo, dado que estamos trabajando con Google Tag Manager, tener habilitado el modo vista previa de GTM automáticamente activa el debug_mode, por lo que los datos comenzarán a aparecer en el DebugView de GA4.
Cuando comiences a ver datos en el DebugView, podrás hacer clic en cada evento individual y se mostrará una lista de parámetros.
Haz clic en ese parámetro para ver el valor que recibió GA4. ¡Ahora eso es depuración granular!
Asegúrate también de haber seleccionado el dispositivo de depuración correcto en la esquina superior izquierda.
Si varios visitantes han habilitado la vista de depuración (por ejemplo, todos tienen habilitada la extensión de Chrome), verás múltiples dispositivos y podría requerir algo de tiempo encontrar el tuyo.
De todos modos, una vez que comiences a ver datos en DebugView, se verá así.
Los eventos están marcados con íconos azules y eventos clave están marcados con verde. En tu caso, el evento menu_click será azul (no verde).
IMPORTANTE: Ignora el hecho de que trato los eventos menu_click como eventos clave. Esto es solo con fines de demostración.
Si haces clic en el evento, verás los parámetros que se enviaron junto con el evento. Haz clic en el parámetro para ver su valor.
Una vez que te asegures de que los datos están llegando y se muestran correctamente, debes enviar tus cambios de GA4 en el contenedor de GTM y publicarlos.
Puedes hacerlo haciendo clic en el botón ENVIAR en la esquina superior derecha y completando todos los pasos que la interfaz del usuario te indique.
Pronto comenzarás a ver los nuevos datos en tus informes en tiempo real.
Cómo rastrear clics con GTAG
¿Qué pasa si no estás utilizando Google Tag Manager? ¿Y prefieres trabajar con GTAG (el código de seguimiento nativo de GA4)? En ese caso, mira el tutorial en video a continuación, donde explico el seguimiento de eventos con GTAG, y el ejemplo allí está relacionado con clics en enlaces.
Seguimiento de clics en botones
En algunos sitios web, los botones están codificados como enlaces simples que tienen el estilo de un botón. Pero en otros sitios, están codificados como otros elementos (por ejemplo, utilizando el elemento HTML <button>).
Si este es tu caso, los ejemplos mencionados anteriormente no te ayudarán. Entonces, deberías consultar este artículo donde uno de los capítulos explica específicamente cómo rastrear clics en botones.
Marcar clics importantes como eventos clave
Algunos clics pueden ser más importantes para tu negocio que otros. Por lo tanto, deben configurarse en Google Analytics 4 como eventos clave. Si deseas aprender más sobre los eventos clave (anteriormente conocidos como «conversiones»), aquí tienes un artículo (+ video) sobre cómo hacerlo.
Preguntas frecuentes
Si solo has hojeado este artículo y buscas respuestas rápidas, esta sección podría ayudarte.
¿Google Analytics puede rastrear clics? Sí, Google Analytics 4 rastrea clics. Ofrece seguimiento de eventos integrado para enlaces de documentos y enlaces salientes. Si deseas rastrear otros clics, necesitarás realizar configuraciones adicionales. Todo se explica en esta guía.
¿Puede Google Tag Manager rastrear clics en enlaces? Sí, Google Tag Manager puede rastrear clics en enlaces, pero necesitarás haber habilitado el disparador Just Links e incluir condiciones adicionales en el disparador. Lee esta guía con atención y aprenderás cómo hacerlo.
¿Puede Google Tag Manager rastrear clics en botones? Sí, Google Tag Manager puede rastrear clics en botones, pero necesitarás haber habilitado el disparador All Elements y agregar condiciones adicionales en el disparador. Lee esta guía con atención y aprenderás cómo hacerlo.
Para ofrecer las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento de estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o las identificaciones únicas en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.
Funcional
Siempre activo
El almacenamiento o acceso técnico es estrictamente necesario para el propósito legítimo de permitir el uso de un servicio específico explícitamente solicitado por el abonado o usuario, o con el único propósito de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.
Preferencias
El almacenamiento o acceso técnico es necesario para la finalidad legítima de almacenar preferencias no solicitadas por el abonado o usuario.
Estadísticas
El almacenamiento o acceso técnico que es utilizado exclusivamente con fines estadísticos.El almacenamiento o acceso técnico que se utiliza exclusivamente con fines estadísticos anónimos. Sin un requerimiento, el cumplimiento voluntario por parte de tu Proveedor de servicios de Internet, o los registros adicionales de un tercero, la información almacenada o recuperada sólo para este propósito no se puede utilizar para identificarte.
Marketing
El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para rastrear al usuario en una web o en varias web con fines de marketing similares.
