Eventos Personalizados en Google Analytics 4: Guía Completa

Google Analytics 4 (GA4) presenta una curva de aprendizaje que puede resultar desafiante al principio. Si bien ya hemos explorado los fundamentos del seguimiento de eventos en GA4, es momento de profundizar en la creación e implementación de eventos personalizados. Este artículo está diseñado para guiarte a través del proceso de seguimiento de eventos personalizados utilizando tanto Google Analytics 4 como Google Tag Manager (GTM).

¿Qué aprenderás en este artículo?

• Comprensión detallada del seguimiento de eventos personalizados en GA4.
• Configuración de eventos personalizados con Google Tag Manager paso a paso.
• Creación de eventos personalizados directamente en la interfaz de GA4.
• Importancia de registrar definiciones personalizadas para informes avanzados.
• Cómo probar y depurar tus eventos personalizados en GA4.
• Dónde encontrar y analizar los datos de tus eventos personalizados en los informes de GA4.

Para aquellos que prefieren el contenido en video, al final de este artículo encontrarás un tutorial completo en video (de nuestro canal de YouTube).

Seguimiento de Eventos en GA4: Un Resumen Rápido

Si deseas obtener una comprensión completa del seguimiento de eventos en Google Analytics 4, te recomendamos leer nuestro tutorial introductorio. Sin embargo, si el tiempo apremia, aquí tienes un resumen rápido de 2 minutos. El sistema de seguimiento de eventos de GA4 se diferencia de versiones anteriores al no requerir parámetros rígidos como categoría, acción o etiqueta para su correcto funcionamiento. En su lugar, GA4 ofrece flexibilidad para utilizar parámetros recomendados o incluso crear los tuyos propios.

En Google Analytics 4, existen cuatro tipos principales de eventos:

1. Eventos Recopilados Automáticamente: GA4 registra automáticamente ciertos eventos básicos, como page_view (vista de página) y session_start (inicio de sesión), sin necesidad de configuración adicional.
2. Eventos de Medición Mejorada: Estos eventos, como scroll (desplazamiento) o file_download (descarga de archivos), se pueden habilitar fácilmente en la interfaz de GA4 sin necesidad de código.
3. Eventos Recomendados: Google proporciona una lista de eventos recomendados para industrias y casos de uso específicos, como purchase (compra) o add_to_cart (añadir al carrito). Utilizar estos eventos facilita la creación de informes y análisis estandarizados.
4. Eventos Personalizados: Estos son eventos definidos por el usuario para rastrear interacciones específicas que no se cubren con los tipos de eventos anteriores. La flexibilidad de los eventos personalizados permite medir prácticamente cualquier interacción relevante en tu sitio web.

Dado que este artículo se centra en los eventos personalizados, es crucial asegurar que los nombres de tus eventos personalizados no coincidan con los eventos predefinidos por Google. Para evitar confusiones, te recomendamos seguir este sencillo proceso para estructurar tus eventos (nombres y parámetros) de forma adecuada:

1. Verifica si el evento que deseas rastrear se encuentra entre los eventos recopilados automáticamente. Consulta la documentación de GA4 para conocer la lista completa.
2. Si no está en la lista de eventos automáticos, verifica si tu evento se asemeja a algún evento de Medición Mejorada (ej. scroll o file_download). Si es así, considera utilizar la Medición Mejorada para simplificar la configuración.
3. Si no coincide con eventos de Medición Mejorada, consulta los eventos recomendados y sus convenciones de nomenclatura. Si tu evento se alinea con un evento recomendado, utilízalo para aprovechar los beneficios de la estandarización.
4. Si ninguna de las categorías anteriores se aplica a tu evento, entonces necesitarás crear un evento personalizado.

Eventos Personalizados: La Clave de la Flexibilidad

La configuración de eventos personalizados es muy similar a la de los eventos recomendados. La principal diferencia radica en que deberás crear los nombres de los eventos por tu cuenta. Por ejemplo, si deseas rastrear los clics en una imagen específica, podrías utilizar cualquiera de estos nombres de evento:

• imagen_clic
• clic_imagen
• click_en_imagen
• imagen_presionada

Al configurar eventos personalizados, es importante recordar algunas restricciones. Por ejemplo, el nombre de tu evento no debe exceder los 40 caracteres. Por lo tanto, elige cuidadosamente los nombres de tus eventos personalizados. Puedes consultar otras limitaciones en la documentación oficial de Google Analytics 4.

Ahora, veamos un ejemplo práctico donde mediremos los clics en los enlaces del menú de un sitio web.

Ejemplo #1: Evento Personalizado en GA4 (con GTM) – Clic en Enlace de Menú

Comencemos con un ejemplo que muestra cómo enviar eventos personalizados a Google Analytics 4 utilizando Google Tag Manager. Más adelante, exploraremos cómo configurar un evento directamente en la interfaz de GA4.

Preferimos la opción de Google Tag Manager debido a su mayor potencia y flexibilidad, además de centralizar toda la configuración en un solo lugar.

Nota importante: Las condiciones del activador para el seguimiento de clics en enlaces de menú (que mostraremos a continuación) variarán en la mayoría de los sitios web debido a las diferencias en clases CSS, IDs, etc. Intenta adaptar este ejemplo a tu propio sitio web de la mejor manera posible.

En nuestro sitio web de demostración, tenemos varios enlaces de menú que deseamos rastrear.

Paso 1: Crear un Activador en Google Tag Manager

Primero, necesitas crear un activador que indique a Google Tag Manager cuándo debe activarse el evento de clic en un enlace de menú. Habilita el Modo de Vista Previa de Google Tag Manager y haz clic en cualquiera de los enlaces del menú de tu sitio web. Al hacer esto, deberías ver el evento Link Click (Clic en Enlace) en la barra lateral izquierda del Modo de Vista Previa.

Si no lo ves, asegúrate de:

• Tener al menos un activador de tipo "Solo Enlaces" (Just Links) de GTM activado en la página.
• O tener activado el seguimiento de "Descargas de archivos" (File download) o "Enlaces salientes" (Outbound links) en la configuración de Medición Mejorada de GA4.

Supongamos que no estás utilizando la Medición Mejorada en GA4. Ve a Google Tag Manager > Activadores > Nuevo > Solo Enlaces. Configura el activador para que se active en "Todos los Clics en Enlaces" (All Link Clicks) y guarda los cambios.

Crear este activador indicará a Google Tag Manager que active su funcionalidad de seguimiento de enlaces.

Paso 2: Configurar Variables de Clic

Luego, ve a Variables > Configurar (en la sección "Variables Integradas"). Habilita todas las variables relacionadas con Clic. Esto proporcionará a GTM la información necesaria sobre los clics que se producen en tu sitio web.

Actualiza el Modo de Vista Previa (haciendo clic en el botón "Vista Previa" una vez más).

Ahora, dirígete a tu sitio web y haz clic en un par de enlaces de menú (al menos dos). Regresa al Modo de Vista Previa y deberías empezar a ver eventos Link Click. Haz clic en el primer evento Link Click y ve a la pestaña "Variables" del Modo de Vista Previa. Luego, haz clic en el segundo evento Link Click. Estamos buscando una variable que podamos utilizar para distinguir un clic en un enlace de menú de otros clics en enlaces. Esta variable nos ayudará a activar la etiqueta de evento de Google Analytics 4 en la acción correcta.

Tras una inspección más detallada, ambos enlaces contienen el mismo valor para Click Classes: site-nav__link site-nav__link--main. Por cierto, nav significa navegación en inglés. Utilizaremos esta clase CSS en nuestro activador "Solo Enlaces".

Regresa a la lista de activadores en tu contenedor de GTM y haz clic en el activador previamente creado para "Todos los Clics en Enlaces". Lo editaremos y añadiremos una condición: Click Classes contiene site-nav__link--main.

Guarda el activador.

Paso 3: Crear la Etiqueta de Evento de Google Analytics 4

Ahora, es el momento de enviar la información a Google Analytics 4.

En este artículo, asumimos que ya has instalado Google Analytics 4 con Google Tag Manager. Si no es así, consulta nuestra guía sobre cómo configurar GA4 con GTM.

Navega a Etiquetas > Nueva > Google Analytics > Google Analytics: Evento GA4. Introduce el ID de medición de tu flujo de datos de GA4 (o, mejor aún, introduce tu ID de medición como una variable constante).

Luego, introduce el nombre del evento. Su valor depende de ti. Cualquiera de las siguientes opciones es perfectamente válida:

• menu_clic
• menu
• clic_elemento_menu
• click_menu
• enlace_menu_clic

Estos son solo algunos ejemplos, no te limites a ellos. Simplemente, ten en cuenta las limitaciones de longitud del nombre.

En nuestro caso, utilizaremos menu_link_click como nombre del evento. Pero, en este caso, enviar solo el nombre del evento no es muy útil. Probablemente querrás saber qué elementos del menú específicos reciben más clics. ¿Qué tal el nombre y la URL del elemento del menú?

Podríamos hacer eso enviando parámetros de evento adicionales. Aunque podrías utilizar parámetros ya mencionados en la documentación de los Eventos de Medición Mejorada (como link_url y link_text), crearemos dos parámetros personalizados (simplemente para mostrarte cómo configurarlos).

Vamos a pasar dos parámetros: menu_item_url y menu_item_name. Inventamos estos nombres de parámetro, y tú también puedes hacerlo.

Para enviar parámetros personalizados, debes expandir la sección "Parámetros de Evento" en la etiqueta de evento de Google Analytics 4 y luego hacer clic en "Añadir Fila".

Introduce el nombre del primer parámetro. En nuestro caso, es menu_item_url. En el campo "Valor", insertaremos una variable que devuelva la URL del enlace clicado. Afortunadamente, GTM ya ofrece una variable así, se llama {{Click URL}}. Haz clic en el botón "Insertar Variable" y luego selecciona la variable {{Click URL}}.

Añadamos otro parámetro, menu_item_name. Para ello, GTM ofrece otra variable integrada, {{Click Text}}. Insértala también. Dado que los visitantes de tu sitio web pueden traducir tu página, el valor de {{Click Text}} también cambiará. Por lo tanto, verás una lista más diversa de valores recopilados en tus informes de GA4.

Si deseas enviar más parámetros, eres libre de hacerlo. Puedes enviar hasta 25 parámetros con un solo evento.

Asigna el activador "Solo Enlaces" que creaste previamente a esta etiqueta y guárdala.

Paso 4: Prueba y Depura en Modo de Vista Previa y DebugView

Actualiza el Modo de Vista Previa de GTM y haz clic en un par de elementos de tu menú. Regresa al Modo de Vista Previa y haz clic en esos eventos Link Click. Verifica si las etiquetas de evento de GA4 para "Clics en Enlaces de Menú" se han activado correctamente.

Dirígete a la sección DebugView de Google Analytics 4 para asegurarte de que el evento se ha registrado. (Admin > DebugView).

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. Lee el siguiente capítulo de este artículo.

IMPORTANTE: Registrar Definiciones Personalizadas

Todos los parámetros personalizados deben ser añadidos como definiciones personalizadas en Google Analytics 4 si deseas verlos/utilizarlos en lugares como informes de embudo, Exploraciones, ver sus tarjetas de informe en informes estándar, etc.

En Google Analytics 4, ve a Admin > Definiciones Personalizadas. Dado que 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 introduce:

• Nombre de la dimensión: Puedes introducir lo que quieras. Este será el nombre que GA4 mostrará para la dimensión en tus informes. Por ejemplo, puedes nombrarlo "URL del elemento de menú", "URL del menú", o cualquier otra cosa que sea descriptiva.
• Alcance: Dado que queremos aplicar este parámetro solo a un evento (y no a todos los eventos del mismo usuario), debemos seleccionar "Evento".
• Parámetro de evento: Aquí, debes introducir el nombre exactamente como lo introdujiste en la etiqueta de GTM. Por ejemplo, si el nombre de tu parámetro es menu_item_url, debes introducirlo aquí tal cual. No te preocupes si la función de autocompletar de ese campo aún no muestra tu parámetro. Simplemente, introdúcelo y guarda la dimensión.

Luego, registra un segundo parámetro (en nuestro caso, menu_item_name) y guárdalo. Por cierto, a veces utilizamos las palabras "parámetro personalizado" y "dimensión personalizada" indistintamente. En general, las métricas personalizadas y las dimensiones personalizadas se agrupan como parámetros personalizados.

Y ahora toca esperar. En las próximas 24 horas, los parámetros personalizados comenzarán a aparecer en tus informes de Google Analytics 4.

Ejemplo #2: Crear Eventos Personalizados en la Interfaz de Google Analytics 4

Esta opción puede ser conveniente para aquellos que no utilizan Google Tag Manager o simplemente no quieren lidiar con aspectos técnicos. Si bien esta opción (crear eventos en la interfaz de GA4) es conveniente, también es más limitada.

Google Analytics 4 tiene una función llamada "Crear evento". Permite crear eventos basados en otros eventos ya rastreados por GA4. Por ejemplo, si rastreas eventos page_view y deseas crear un evento separado solo para la página de "Gracias", puedes utilizar esta función para crear un evento pagina_gracias_visita.

Veamos cómo puedes hacer esto. Ve a Admin > página Eventos, haz clic en "Crear evento", luego haz clic en "Crear".

Introduce el nombre del evento personalizado. Puedes nombrarlo como quieras. Asegúrate de que el nombre sea claro y fácil de entender. pagina_gracias_visita podría ser una buena opción.

Luego, pasemos a la sección "Condiciones de Coincidencia". Aquí debemos indicar a GA4 qué tipo de evento estamos buscando. Entonces, cuando se detecte ese evento en particular, nuestro evento pagina_gracias_visita también debería crearse.

En nuestro caso, necesitamos introducir las siguientes condiciones:

• event_name es igual a page_view
• page_viewpage_location contiene /gracias/

En tu caso, el valor del parámetro page_location probablemente será diferente. Deberás adaptarlo a la URL de tu página de "Gracias".

Si deseas copiar todos los parámetros del evento page_view al nuevo evento, mantén la casilla de verificación "Copiar parámetros del evento de origen" habilitada.

Una vez que completes esto, GA4 comenzará automáticamente a rastrear un evento pagina_gracias_visita cuando se active un evento page_view en una página que contenga /gracias/ en la URL. Recuerda que puedes tener hasta 50 reglas de "Crear evento" en una sola propiedad de GA4.

Prueba tus Eventos Personalizados en Google Analytics 4

Una vez que hayas configurado tus eventos personalizados, es hora de probarlos. La función principal creada para depurar datos de GA4 es la sección DebugView. Puedes encontrarla yendo a Admin > DebugView.

Ese es el lugar donde debe tener lugar tu depuración. No confundas esto con el Modo de Vista Previa y Depuración de Google Tag Manager. Son dos herramientas 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 de Vista Previa de Google Tag Manager en una página que estés depurando.

En el caso de la primera opción, instala la extensión aquí y luego haz clic en su icono (para que veas la cinta "ON"). A partir de este momento, comenzarás a ver tus eventos en la pestaña DebugView.

La otra opción es enviar un parámetro debug_mode con cada evento que desees ver en DebugView. En Google Tag Manager, puedes hacer eso abriendo la etiqueta de Google y añadiendo el siguiente parámetro:

"debug_mode": true

Si el parámetro debug_mode contiene cualquier valor, el evento aparecerá en DebugView. Si utilizas gtag.js codificado de forma estática, aquí tienes las instrucciones para incluir el parámetro debug_mode.

Pero dado que estamos trabajando con Google Tag Manager, tener el Modo de Vista Previa de GTM habilitado establece automáticamente debug_mode en true. Por lo tanto, los datos comenzarán a aparecer en el DebugView de GA4.

Cuando comiences a ver datos en la pantalla DebugView, puedes hacer clic en cada evento individual, y se mostrará la lista de parámetros correspondiente para cada evento.

Haz clic en ese parámetro para ver el valor que GA4 recibió. ¡Esto es depuración granular!

Sin embargo, hemos notado algunos retrasos entre el momento en que ocurre el evento en un sitio web y el momento en que aparece en DebugView.

A veces, tenemos que esperar varios minutos hasta que lleguen los eventos. Eso es un poco desafortunado, y esperamos que el equipo detrás de Google Analytics 4 mejore esto en el futuro.

También, asegúrate de haber seleccionado el dispositivo Debug correcto en la esquina superior izquierda.

Si varios visitantes tienen habilitada la vista de depuración (por ejemplo, todos tienen habilitada la extensión de Chrome), verás varios dispositivos allí, lo que podría requerir algo de tiempo para encontrarte a ti mismo. Hemos visto que esto se aplica especialmente a nuestro blog. Muchos de nuestros lectores habilitan la extensión de Chrome GA Debugger. Por lo que se convierte en nuestra tarea encontrar nuestro dispositivo entre el resto.

De todas formas, una vez que empieces a ver datos en DebugView, las cosas se verán así.

Los iconos azules resaltan eventos y los iconos verdes representan eventos clave. Por favor, ignora el hecho de que tratamos los eventos menu_click como eventos clave. Es solo con fines de demostración.

Verás los parámetros enviados junto con un evento cuando navegues al evento. Haz clic en el parámetro para ver su valor.

Una vez que te hayas asegurado de que los datos están llegando y se muestran correctamente, debes enviar tus cambios de GA4 en el contenedor de GTM y publicarlo.

Puedes hacer eso haciendo clic en el botón "ENVIAR" en la esquina superior derecha y completando todos los pasos que la interfaz de usuario te pide que hagas.

Después de eso, pronto deberías empezar a ver los nuevos datos en tus informes en tiempo real.

Visualización de Datos en Informes en Tiempo Real

En la barra lateral izquierda de la interfaz de Google Analytics 4, ve a Tiempo real. Aquí, verás los datos que llegan a tus informes. A diferencia de la versión anterior (Universal Analytics), el nuevo informe te permite ver los datos a un nivel mucho más granular.

Primero, verás un mapa y un conjunto de tarjetas con fuentes de tráfico, los eventos más populares y el número de usuarios en los últimos 30 minutos (por cierto, el informe en tiempo real de Universal Analytics muestra el número de usuarios en los últimos 5 minutos).

También puedes echar un vistazo a la instantánea de un usuario individual. Por ejemplo, puedes hacer eso haciendo clic en el botón "Ver instantánea de usuario" en la esquina superior derecha.

Luego, verás un flujo de todos los eventos de ese usuario en particular. Puedes hacer clic en ellos (igual que en DebugView) para ver las cosas a un nivel más granular. Si deseas ver a otro usuario/visitante, puedes hacer clic en el botón aquí:

Presiona el botón "Salir de la instantánea" en la esquina superior derecha para completar el examen de la instantánea.

¿Dónde encontrar los Eventos Personalizados en los Informes de Google Analytics 4?

Este artículo se centra principalmente en el seguimiento de eventos personalizados con Google Analytics 4. No profundizaremos en cómo encontrar insights, plantear preguntas, responder preguntas, etc.

Sin embargo, podemos mostrarte varios lugares donde puedes encontrar los datos de eventos que acabas de enviar a Google Analytics 4.

Ten en cuenta que Google está actualizando constantemente Google Analytics 4. Por lo tanto, si algo se ve diferente de lo que describe este blog, no te preocupes. Sigue navegando por la interfaz y eventualmente encontrarás lo que necesitas.

Así que, echemos un vistazo a lo que tenemos ahora. Aquí están algunos de los informes:

• Admin > Eventos (esto mostrará solo la lista de eventos con recuentos. Nada sofisticado).
• Informes > Interacción > Eventos (esto mostrará solo la lista de eventos con recuentos. Nada sofisticado).
• Explorar (también conocidos como informes de Exploración).

Pero eso no es todo. Dado que GA4 es una plataforma de análisis basada en eventos, cada informe se ve afectado por los eventos que envías (de una manera u otra). Los informes mencionados anteriormente son solo los ejemplos más notables.

Informe "Informes → Interacción → Eventos"

El Informe de Eventos te da una visión general de todos los eventos enviados a tu propiedad + un par de gráficos. Debajo de ellos, verás una lista de eventos; si haces clic en cualquiera de ellos, puedes ver los diversos parámetros capturados durante el evento.

Explorar (también conocidos como informes de Exploración)

La sección Explorar es el lugar donde podrás profundizar en tus datos. En la Exploración, puedes utilizar informes como Forma Libre, Exploración de Embudo, Exploración de Trayectoria, etc.

Aquí tienes un ejemplo de un informe de Forma Libre. Recuerda que es posible que tengas que esperar ~24 horas para que los datos lleguen a tus informes. Así que si no ves los datos ahora, ten paciencia.

Digamos que queremos ver cómo los usuarios con diferentes categorías de dispositivos interactúan con la barra de menú de nuestro sitio. Recuerda, configuramos el evento menu_click.

Así que, vayamos a Explorar y hagamos clic en el bloque Forma Libre.

Luego, en la columna Variables, necesitamos incluir la dimensión personalizada menu_item_url porque queremos ver cuántos clics obtuvo cada URL de menú. Luego, haz clic en el icono Plus y luego encuentra la dimensión menu_item_url. Luego, selecciónala para que se añada a la lista de posibles dimensiones en el informe.

Si NO PUEDES ver menu_item_url (o cualquier parámetro personalizado que estés buscando), debes registrar ese parámetro personalizado en Admin > Definiciones personalizadas > Crear dimensión personalizada. Y luego esperar 24 horas hasta que los datos aparezcan en los informes. Si los informes no funcionan correctamente, espera más tiempo.

Luego, editemos la Configuración de la pestaña. Elimina las dimensiones existentes en las FILAS e incluye la definición personalizada que desees. En nuestro caso, es menu_item_url.

En la sección COLUMNAS, utilizamos la dimensión Categoría de dispositivo. En la sección VALORES, selecciona la métrica que desees ver. Utilizamos el Recuento de eventos.

Luego, tendrás que filtrar solo aquellos eventos que contengan la dimensión menu_item_url. En nuestro caso, eso es solo un evento menu_link_click.

Por eso, debes introducir un filtro en la parte inferior de la sección Configuración de la pestaña: "Nombre del evento coincide exactamente con menu_link_click".

Eso es todo. Tu informe ahora mostrará cómo las diferentes categorías de dispositivos están haciendo clic en los elementos del menú, cuáles son los más populares y cuántos clics obtuvieron.

También, no olvides cambiar el rango de fechas si lo necesitas. Puedes hacer esto en la esquina superior izquierda de la interfaz de Exploración.

También puedes utilizar datos de eventos en cosas como informes de embudo, pero dejémoslo para otro tutorial (esperemos) en el futuro.

Convertir Eventos Personalizados de Google Analytics 4 en Eventos Clave

Algunos eventos son más importantes que otros; por ejemplo, las interacciones más importantes se llamaban objetivos en la versión anterior de GA. Más tarde, fueron renombrados a conversiones. Y ahora, se conocen como eventos clave.

Si deseas aprender cómo configurar eventos clave en Google Analytics 4, mira el video tutorial a continuación o lee este artículo de blog en profundidad:

Limitaciones de los Eventos Personalizados en GA4

Antes de volverte loco creando eventos personalizados en Google Analytics 4, ten en cuenta estas limitaciones (en realidad, también se aplican a los eventos regulares):

• La longitud máxima de un nombre de evento es de 40 caracteres. Si utilizas más, no podrás marcarlo como evento clave.
• Algunos nombres de evento (de eventos rastreados automáticamente) están reservados (pero no todos ellos). Por ejemplo, no puedes enviar los eventos session_start o first_visit por ti mismo. Pero puedes enviar eventos de medición mejorada con tu configuración personalizada (por ejemplo, con Google Tag Manager), por ejemplo, file_download, view_search_results, etc.). Puedes encontrar la lista de nombres de eventos reservados aquí. Aunque esa documentación dice que no puedes utilizar nombres de eventos de medición mejorada, lo hemos probado varias veces y funcionan bien.
• Tus nombres de evento deben comenzar con una letra y contener solo letras, números y guiones bajos. No utilices espacios. Es mejor práctica utilizar solo caracteres pequeños (también conocido como snake_case)—por ejemplo, menu_link_click.
• Aunque la documentación de Google Analytics 4 dice que puedes utilizar letras no inglesas en los nombres de evento, hemos tenido resultados mixtos. Por ejemplo, si intentas crear un activador de audiencia, las letras no inglesas podrían causar problemas.

Hablando de limitaciones de parámetros de evento, ten en cuenta que:

• Puedes enviar hasta 25 parámetros de evento junto con el evento. Basándonos en varios experimentos, los parámetros recopilados automáticamente (como page_location, etc.) se cuentan en este límite.
• La longitud máxima del nombre del parámetro es de 40 caracteres.
• La longitud máxima del valor (de un parámetro) es de 100 caracteres.
• Otras limitaciones se enumeran aquí.

¿Quieres aprender más sobre el seguimiento de eventos en Google Analytics 4?

Honestamente, en este tutorial, solo hemos arañado la superficie de lo que deberías saber sobre el seguimiento de eventos. Si deseas aprender más, dirígete a este artículo de blog. En él, encontrarás temas como:

• Cómo planificar tu estructura de eventos.
• Seguimiento automático de eventos.
• Eventos recomendados en Google Analytics 4.
• Cómo crear eventos personalizados directamente en la interfaz de Google Analytics 4.
• Cómo modificar eventos directamente en la interfaz de Google Analytics 4.
• ¡Y más!

Seguimiento de Eventos Personalizados con Google Analytics 4: Palabras Finales

Este artículo fue más largo de lo esperado porque hay mucho que cubrir. Pero si el seguimiento de eventos personalizados con Google Analytics 4 añade valor a tu trabajo, merece la pena. Si deseas aprender más sobre el seguimiento de eventos, puedes aprender más sobre ello aquí:

1. Consulta los eventos rastreados automáticamente y lo que la Medición Mejorada tiene para ofrecer.
2. Si un evento (que deseas rastrear) no está listado, consulta los eventos recomendados e intenta utilizar su convención de nomenclatura y parámetros.
3. Si ninguno de los eventos recomendados coincide con tu necesidad, crea un evento personalizado en Google Analytics 4 (todo este artículo trataba sobre esta parte).

Aquí tienes algunas conclusiones clave:

• Los eventos personalizados te brindan la flexibilidad para rastrear interacciones específicas en tu sitio web que no están cubiertas por los eventos automáticos o de medición mejorada.
• Google Tag Manager es una herramienta poderosa para implementar eventos personalizados, ofreciendo mayor control y flexibilidad en la configuración.
• Registrar definiciones personalizadas para tus parámetros de eventos es esencial para poder analizarlos y visualizarlos en los informes de GA4.
• La sección DebugView es crucial para probar y depurar tus eventos personalizados antes de publicarlos.
• Los eventos personalizados abren un mundo de posibilidades para comprender mejor el comportamiento del usuario en tu sitio web y optimizar tu estrategia digital.

¿Cómo crear un evento purchase en Google Analytics?

En este tutorial, aprenderás a configurar un evento purchase en tu sitio web para medir cuándo alguien hace una compra. En el tutorial se incluyen las dimensiones, las métricas y los informes que rellena Analytics con los datos del evento. Consulta el artículo sobre cómo medir el comercio electrónico para obtener más información sobre este tipo de eventos.

¿Tienes 3 minutos? Responde a una breve encuesta online para ayudarnos a mejorar la documentación sobre comercio electrónico de GA4.

Antes de empezar

En este tutorial se da por hecho que has llevado a cabo las siguientes acciones:

• Has creado una cuenta y una propiedad de Google Analytics 4.
• Has añadido la etiqueta de Google a tu sitio web.

También se presupone que tienes lo siguiente:

• Acceso al código fuente de tu sitio web
• El rol de Editor (o uno superior) en la cuenta de Google Analytics

Paso 1: Añade el evento a tu sitio web

Debes colocar el evento purchase en la página de tu sitio web en la que un usuario hace una compra. Por ejemplo, puedes añadirlo en la página de confirmación que aparece cuando alguien hace una compra. En este tutorial se explica cómo añadir el evento a una página donde alguien hace clic en el botón "Comprar".

Coloca el evento en una etiqueta <script> al final de la etiqueta <body>. Si colocas el evento directamente en la etiqueta <script>, el evento se activará cuando se cargue la página. En la siguiente sección se describe cómo activar el evento cuando alguien hace clic en "Comprar".

<!-- Note: In the following code sample, make sure to replace "TAG_ID" with your tag ID. Learn more: https://support.google.com/tagmanager/answer/12326985 --> <!DOCTYPE html> <html lang="en"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'TAG_ID'); </script> </head> <body> <div>This is where the purchase form would go</div> <button>Submit</button> <script> gtag("event", "purchase", { transaction_id: "T_12345_1", value: 25.42, tax: 4.90, shipping: 5.99, currency: "USD", coupon: "SUMMER_SALE", items: [ // If someone purchases more than one item, // you can add those items to the items array { item_id: "SKU_12345", item_name: "Stan and Friends Tee", affiliation: "Google Merchandise Store", coupon: "SUMMER_FUN", discount: 2.22, index: 0, item_brand: "Google", item_category: "Apparel", item_category2: "Adult", item_category3: "Shirts", item_category4: "Crew", item_category5: "Short sleeve", item_list_id: "related_products", item_list_name: "Related Products", item_variant: "green", location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo", price: 9.99, quantity: 1 } ] }); </script> </body> </html>

Paso 2: Vincula el evento a un botón

Hay varias formas de configurar el evento purchase para que se active cuando un usuario haga clic en el botón "Comprar". Una forma es añadir un ID al botón "Comprar" y, después, colocar el código del evento en un procesador de eventos. En el siguiente ejemplo, el evento solo se envía cuando alguien hace clic en un botón que tiene el ID purchase.

<!-- Note: In the following code sample, make sure to replace "TAG_ID" with your tag ID. Learn more: https://support.google.com/tagmanager/answer/12326985 --> <!DOCTYPE html> <html lang="en"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'TAG_ID'); </script> </head> <body> <div>This is where the purchase form would go</div> <button id="purchase">Purchase</button> <script> document.getElementById("purchase").addEventListener("click", function () { gtag("event", "purchase", { // This purchase event uses a different transaction ID // from the previous purchase event so Analytics // doesn't deduplicate the events. // Learn more: https://support.google.com/analytics/answer/12313109 transaction_id: "T_12345_2", value: 25.42, tax: 4.90, shipping: 5.99, currency: "USD", coupon: "SUMMER_SALE", items: [ { item_id: "SKU_12345", item_name: "Stan and Friends Tee", affiliation: "Google Merchandise Store", coupon: "SUMMER_FUN", discount: 2.22, index: 0, item_brand: "Google", item_category: "Apparel", item_category2: "Adult", item_category3: "Shirts", item_category4: "Crew", item_category5: "Short sleeve", item_list_id: "related_products", item_list_name: "Related Products", item_variant: "green", location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo", price: 9.99, quantity: 1 } ] }); }); </script> </body> </html>

Paso 3: Verifica que estás recogiendo los datos

En el informe de DebugView se muestran datos de tu sitio web en tiempo real para que puedas configurar los eventos correctamente. Para habilitar el modo de depuración en una página web, añade el siguiente parámetro debug_mode al comando config:

<!-- Note: In the following code sample, make sure to replace "TAG_ID" with your tag ID. Learn more: https://support.google.com/tagmanager/answer/12326985 --> <!DOCTYPE html> <html lang="en"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'TAG_ID',{ 'debug_mode': true }); </script> </head> <body> <div>This is where the purchase form would go</div> <button id="purchase">Purchase</button> <script> document.getElementById("purchase").addEventListener("click", function () { gtag("event", "purchase", { // This purchase event uses a different transaction ID // from the previous purchase event so Analytics // doesn't deduplicate the events. // Learn more: https://support.google.com/analytics/answer/12313109 transaction_id: "T_12345_3", value: 25.42, tax: 4.90, shipping: 5.99, currency: "USD", coupon: "SUMMER_SALE", items: [ { item_id: "SKU_12345", item_name: "Stan and Friends Tee", affiliation: "Google Merchandise Store", coupon: "SUMMER_FUN", discount: 2.22, index: 0, item_brand: "Google", item_category: "Apparel", item_category2: "Adult", item_category3: "Shirts", item_category4: "Crew", item_category5: "Short sleeve", item_list_id: "related_products", item_list_name: "Related Products", item_variant: "green", location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo", price: 9.99, quantity: 1 } ] }); }); </script> </body> </html>

Una vez habilitado el modo de depuración, empezarás a ver que los eventos rellenan el informe de DebugView a medida que los usuarios utilizan tu sitio web. Por ejemplo, al hacer clic en el botón "Comprar" del sitio web, se rellenan los siguientes datos en el informe. Puedes seleccionar un evento para ver los parámetros, las propiedades de usuario y los elementos asociados a él.

Paso 4: Consulta los datos de comercio electrónico

Cuando hayan transcurrido unas 24 horas, los datos que hayas enviado con el evento purchase estarán disponibles en tus informes, en tus exploraciones y en la API Data de Google Analytics. También puedes acceder a los datos en BigQuery si configuras BigQuery Export.

El evento "purchase" rellena automáticamente una serie de dimensiones y métricas predefinidas, que se utilizan en los informes, las exploraciones, etc. Estas son algunas de las dimensiones que se rellenan con datos del evento purchase en el primer paso:

Además de las dimensiones, Google Analytics rellena una serie de métricas relacionadas con los ingresos y el comercio electrónico. Por ejemplo, si un usuario hace clic una vez en el botón "Comprar", se rellenarán las siguientes métricas en Google Analytics:

• La métrica Ingresos del artículo tiene un valor de 9,99 USD.
• La métrica Ingresos totales tiene un valor de 25,42 USD.
• La métrica Compras en comercio electrónico tiene un valor de 1.

Puedes usar estas dimensiones y métricas para crear exploraciones e informes personalizados, pero también puedes utilizar el informe Compras en comercio electrónico predefinido para ver tus datos de comercio electrónico: