Cómo hacer el seguimiento de un clic en un botón como evento en Google Analytics 4 con Tag Manager, y cómo lo hacíamos con eventos y objetivos de Universal Analytics antes de que se retirara.
Actualización, octubre de 2026: Google apagó Universal Analytics en 2023 (y retiró Google Optimize ese mismo año), así que las partes de Universal Analytics de este artículo, incluidas la introducción y los pasos 2 y 3, ya no funcionan y se conservan como registro de cómo lo hacíamos entonces. El paso 1, el seguimiento de un evento en Google Analytics 4 con Tag Manager, sigue vigente. Además, Tag Manager ha sustituido la etiqueta de configuración de GA4 por la etiqueta de Google (desde septiembre de 2023) y la etiqueta de evento de GA4 ahora pide tu ID de medición, así que donde el paso 1 dice que selecciones tu etiqueta de configuración, introduce tu ID de medición de GA4 (empieza por G-). Google también ha renombrado las conversiones de GA4 como eventos clave, así que donde decimos Conversiones en GA4, busca Eventos clave.
Antes de nada, quizá te surjan algunas dudas, como qué es eso de GA4 y GA3. Google preparó una buena comparación entre los eventos de Google Analytics 4 y los tipos de hit de Google Universal Analytics aquí. Digamos que, tarde o temprano, Google dejará de dar soporte a Universal Analytics, y si vas a crear una cuenta de GA nueva, lo que te conviene es Google Analytics 4. Si ya tienes una cuenta de Universal Analytics, probablemente sea el momento de configurar una cuenta de GA4 para que empiece a recopilar datos. Si vas a crear una cuenta de GA nueva, aún puedes configurar también una cuenta de Universal Analytics y hacer el seguimiento en paralelo, lo cual es probablemente buena idea. Te explicamos cómo hacerlo aquí. Seguramente querrás usar también Tag Manager, así que aquí tienes ayuda para configurarlo, pensada para los fans de Webflow. Somos un estudio de Webflow, pero esto te sirve tanto si eres experto en Webflow como si no, siempre que uses Tag Manager.
Entonces, ¿por qué seguir usando Google Universal Analytics? Pues porque muchas otras herramientas, incluidas muchas plataformas de Google, todavía solo funcionan con Universal Analytics. Google Optimize, las campañas inteligentes de Google Ads y otras herramientas como Microsoft Clarity, por nombrar solo algunas. Entonces, ¿por qué no usar solo UA en lugar de GA4? Como decíamos, UA va a desaparecer en favor de GA4 y no puedes migrar tus datos a GA4, así que lo mejor es empezar a recopilar datos de GA4 ya. Además, GA4 es mejor en casi todo (incluida la posibilidad de volcar todos tus datos en Google BigQuery, más sobre eso en este artículo), pero para el seguimiento personalizado esto es muy importante, porque UA tiene una limitación enorme: ¡solo puedes crear 20 objetivos en una vista de Universal Analytics! Por ejemplo, si haces seguimiento de los clics en 20 botones y formularios, te quedas sin espacio si usas objetivos. Pero si vas a usar campañas inteligentes en Google Ads, necesitarás un objetivo de los de siempre en tu vista de UA. ¿Qué hacemos entonces? Configurar ambos, por supuesto.
En resumen, en este artículo crearemos un evento de Google Analytics 4 y un evento de Universal Analytics, además de un objetivo en tu vista de UA. Ya publicamos un artículo sobre cómo configurar un evento y un activador de envío de formulario para GA4. Puedes usar ese activador para disparar los dos eventos que crearemos hoy, y aquí tienes un artículo sobre cómo crear un activador de clic en un botón. Lo mejor de usar Google Tag Manager para esto es que solo creas un activador y con él disparas tanto el evento de GA4 como el de GA3 (Universal Analytics). Y recuerda que, como casi todo lo que publicamos en nuestro blog, esto se implementa sin problema en Webflow, nuestra plataforma de desarrollo web preferida.
Manos a la obra.
Paso 1: Crea un evento de Google Analytics 4
Abre tu contenedor de Tag Manager, ve a Etiquetas y pulsa Nueva.
Ponle un nombre a tu etiqueta; nosotros vamos a hacer el seguimiento de nuestro botón Contact Us. Selecciona Google Analytics: evento de GA4 como tipo de etiqueta y elige tu etiqueta de configuración (si no la tienes, es la que configuraste aquí). Dale un nombre al evento; nosotros usamos contact_us_button_clicked.
Puedes configurar otros valores. Podrías darle a las propiedades de usuario el valor True para contact_button_clicked si más adelante quieres crear audiencias o lo que sea.
Después añade tu activador; nosotros usaremos el activador de clic en un botón que configuramos en este artículo.
Pulsa Guardar.
¡Ya has configurado un evento de GA4! ¡Listo! Envía y publica el contenedor. Después ve a GA4. Los eventos no empezarán a aparecer hasta mañana, pero puedes probarlo y se mostrará en los eventos en tiempo real. Si mientras tanto quieres convertirlo en una conversión, ve a Conversiones en GA4, pulsa Nuevo evento de conversión, escribe el nombre del evento exactamente como lo pusiste en Tag Manager y guarda.
A medida que la gente haga clic en el botón, los eventos empezarán a aparecer en Eventos (y en Conversiones, si añadiste una) a lo largo del día siguiente. Puedes probarlo en Tiempo real en Analytics o usar la Vista previa de Tag Manager para comprobar que la etiqueta se dispara correctamente.
Si solo estás configurando GA4, puedes parar aquí; si vas a crear un evento y un objetivo de UA, sigue con los pasos 2 y 3.
Paso 2: Crea un evento de Google Universal Analytics
Lo primero es lo primero: si no tienes GA UA configurado o no está en Tag Manager, haz esto primero.
Una vez hecho eso, y con UA en Tag Manager y una variable de ID de UA, ve a tu contenedor de Tag Manager y pulsa Nueva en Etiquetas.
Ponle un nombre a la etiqueta (volvemos a hacer el seguimiento del botón Contact Us, como antes). Ahora selecciona Google Analytics: Universal Analytics como tipo de etiqueta. Elige Evento en el desplegable Tipo de seguimiento y dale una categoría (nosotros usamos buttons); en Acción usamos click y en Etiqueta ponemos contact_us_click. Supongamos que cada clic vale 10 $ para ti; entonces puedes añadir 10 como valor.
Ahora, en Configuración de Google Analytics, selecciona tu variable de ID de UA. Después, en Activador, elige el activador de clic en un botón que configuramos aquí o el que hayas configurado tú. Pulsa Guardar y después envía y publica el contenedor.
Ahora tienes un evento que se dispara cuando se hace clic en el botón y que aparecerá en Google Universal Analytics. Puedes probarlo usando la Vista previa de Tag Manager para ver si la etiqueta se dispara correctamente al hacer clic en el botón, o bien ir a Google Analytics, abrir la vista de UA que uses, ir a Tiempo real, seleccionar Eventos y hacer clic en el botón para ver si el evento aparece en Eventos en tiempo real. No aparecerá en Comportamiento hasta el día siguiente.
Paso 3: Configura un objetivo de conversión en Google Universal Analytics
Ahora vamos a configurar ese objetivo de conversión. En GA UA, pulsa Administrar en el pie de página. Selecciona arriba a la derecha la vista para la que quieres configurar este objetivo. Si lo quieres tanto en tu vista Todos los datos del sitio web como, por ejemplo, en tu vista de Google Ads, tendrás que crear el objetivo dos veces, una por cada vista. Nosotros vamos a usar solo nuestra vista Todos los datos del sitio web.
Haz clic en Objetivos y después en Nuevo objetivo.
Selecciona Personalizado como tipo de objetivo, ponle un nombre, selecciona Evento y haz clic en Continuar.
Ahora introduce lo que usaste al crear el evento en Tag Manager, pero deja el valor en blanco, salvo que estés filtrando por un valor concreto que introdujiste en Tag Manager. Lo que haces aquí es hacer coincidir el evento que creaste: GA busca un evento con la categoría buttons, la acción click y la etiqueta contact_us_click.
Si introdujiste un valor en Tag Manager y quieres usarlo en tu objetivo, deja activada la opción SÍ. Ahora guarda y ya está.
Para probarlo, ve a Tiempo real y Conversión, haz clic en el botón de tu sitio y espera a ver si aparece en Objetivos. Recuerda que solo empezará a aparecer en Conversión, en el panel izquierdo, un día después de configurarlo, igual que los eventos en Comportamiento.
Listo. Si seguiste todos los pasos, tendrás un evento configurado para GA4 y UA, y un objetivo en UA.
Recuerda que, si tienes algún problema, escríbenos en los comentarios y haz la prueba con la Vista previa de Tag Manager.
Aquí tienes un resumen de lo que podrías necesitar para este tutorial si eres nuevo en el diseño con Webflow y aún no has configurado el resto.
- Configurar Tag Manager
- Configurar Google Analytics en Tag Manager
- Crear un activador de clic
- Crear un activador de envío de formulario
Para más tutoriales, visita nuestra sección de tutoriales. Si prefieres que las etiquetas no se carguen hasta que la página haya terminado de cargar, tenemos un artículo sobre cómo retrasar los activadores de Tag Manager para mantener la velocidad de tu página. ¿Prefieres prescindir de Tag Manager? También explicamos cómo añadir Google Analytics 4 con Cloudflare Zaraz, y hay motivos de peso para usar Google Tag Manager en Webflow desde el principio.
Preguntas frecuentes
¿Sigue funcionando el seguimiento de eventos de Universal Analytics?
No. Las propiedades estándar de Universal Analytics dejaron de procesar hits el 1 de julio de 2023, así que los eventos y objetivos de UA ya no registran nada, y el acceso a los datos antiguos de UA terminó en julio de 2024. Los pasos 2 y 3 se conservan aquí como registro de cómo funcionaba. El paso 1 (seguimiento de eventos de GA4) es el que conviene seguir hoy.
¿Cómo hago el seguimiento de un evento en Google Analytics 4 con Google Tag Manager?
Crea una etiqueta de evento de GA4 en Tag Manager, ponle un nombre al evento, asócialo a un activador, como un clic en un botón, y publica el contenedor. Pruébalo con la Vista previa de Tag Manager y en Tiempo real de GA4. El paso 1 de arriba te lo explica clic a clic.
¿Cuál es la diferencia entre un evento de Universal Analytics y uno de GA4?
Un evento de UA se componía de una categoría, una acción y una etiqueta, y además necesitabas un objetivo para contarlo como conversión. Un evento de GA4 es solo un nombre con parámetros opcionales, y se puede marcar como evento clave (lo que GA4 llamaba antes conversión) sin necesidad de un objetivo aparte.
