Cómo instalar Google Analytics 4 con Google Tag Manager

A finales de 2023, Google cambió el nombre de sus propiedades Web y aplicación a Google Analytics 4 y se graduó oficialmente de la versión beta (al menos, eso es lo que dice Google). Esto significa que a partir de ahora, la propiedad predeterminada (cuando la cree) es GA4. Es una plataforma completamente renovada (en comparación con las versiones anteriores). Nueva interfaz, nueva plantilla de etiqueta en Google Tag Manager, nuevo modelo de datos, etc.

En la entrada de blog de hoy, veamos uno de los temas básicos (pero fundamentales): cómo instalar Google Analytics 4. Y lo haremos con Google Tag Manager (porque mi blog se centra principalmente en él).

Este es el proceso de cómo instalar Google Analytics 4 con Google Tag Manager:

• Cree una nueva propiedad GA4
• Crear un flujo de datos (en esta publicación de blog, me enfoqué en el flujo web)
• Copie el ID de medición
• Cree una etiqueta de configuración de Google Analytics 4
• Pegue el ID de medición y configure la etiqueta para que se active en Todas las páginas
• Obtenga una vista previa / pruebe la nueva etiqueta
• Publique los cambios en Google Tag Manager

Como puede ver, todo es bastante sencillo. Así que profundicemos.

Un tutorial en vídeo sobre cómo instalar Google Analytics 4

Si prefieres contenido de video, he grabado un tutorial rápido en mi canal de Youtube. Pero si desea conocer algunos detalles adicionales, lea también esta publicación de blog.

Aprenderá más si hace ambas cosas: mira el video y lee el tutorial.

Si actualmente utiliza la versión anterior de Google Analytics

¿Qué sucede si ya utiliza Universal Analytics (la versión anterior de GA) en su sitio web? ¿Debería deshacerse de él por completo y reemplazarlo con Google Analytics 4? ¿Deberías usarlos a ambos?

En pocas palabras, si está leyendo esta publicación de blog a fines de 2023 o 2023, es probable que Google Analytics 4 no sea lo suficientemente maduro para usarse como una plataforma de seguimiento web independiente. Por lo tanto, debe utilizar ambas herramientas (UA y GA4) al mismo tiempo.

Pero si está leyendo esta entrada de blog a finales de 2023 o incluso más en el futuro, probablemente será suficiente con cambiar completamente a Google Analytics 4.

Y ahora, aprendamos a instalar Google Analytics 4 con Google Tag Manager.

Cree una secuencia de datos y propiedades de Google Analytics 4

Si desea crear una nueva propiedad de Google Analytics 4, vaya a la Administración de su interfaz de Google Analytics (haciendo clic en Administrador en la esquina inferior izquierda) y luego (en la sección Propiedad ) haga clic en Crear propiedad.

» alt=»» width=»921″ height=»702″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/create-google-analytics-4-property.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/create-google-analytics-4-property.jpg 921w, https://www.analyticsmania.com/wp-content/uploads/2020/11/create-google-analytics-4-property-300×229.jpg 300w, https://www.analyticsmania.com/wp-content/uploads/2020/11/create-google-analytics-4-property-768×585.jpg 768w» data-sizes=»(max-width: 921px) 100vw, 921px» />

Luego ingrese el nombre de su propiedad. Puede ser el nombre de su sitio web, de su empresa, una marca, etc. Elija el país de su empresa, la zona horaria del informe y la moneda principal en la que opera su empresa.

» alt=»» width=»606″ height=»472″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222518.976.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222518.976.jpg 753w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222518.976-300×234.jpg 300w» data-sizes=»(max-width: 606px) 100vw, 606px» />

Luego presione Siguiente , responda varias preguntas, haga clic en Crear y su nueva propiedad estará lista. El siguiente paso para completar es configurar su primer flujo de datos. Es una fuente de datos desde la cual se enviarán eventos a su propiedad de Google Analytics 4. Puede tener varias fuentes de datos en una sola propiedad. Por ejemplo, 3 propiedades web, 1 para la aplicación de Android y 1 para una aplicación de iOS.

En esta publicación de blog, me centraré en una secuencia de Web . Selecciónelo.

» alt=»» width=»1100″ height=»535″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222623.108.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222623.108.jpg 1100w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222623.108-300×146.jpg 300w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222623.108-768×374.jpg 768w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222623.108-1024×498.jpg 1024w» data-sizes=»(max-width: 1100px) 100vw, 1100px» />

Luego ingrese la URL de su sitio web (por ejemplo, https://www.mywebsite.com). Tenga en cuenta que el protocolo ( https ) ya está seleccionado. Después de eso, ingrese el nombre de su sitio web.

Cuando crea un flujo de datos web en Google Analytics 4, tiene una opción para habilitar / deshabilitar la medición mejorada. Está diseñado para ayudar a los especialistas en marketing a obtener tantos eventos en los informes como sea posible sin la necesidad de cooperar con los desarrolladores o configurarlos en Google Tag Manager.

» alt=»» width=»855″ height=»627″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222747.220.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222747.220.jpg 855w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222747.220-300×220.jpg 300w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T222747.220-768×563.jpg 768w» data-sizes=»(max-width: 855px) 100vw, 855px» />

De forma predeterminada, esta función está habilitada y rastreará automáticamente los siguientes eventos:

• Vista de página (nombre del evento: page_view )
• Desplazamiento (nombre del evento: desplazamiento )
• Haga clic en el enlace saliente (nombre del evento: haga clic en con el parámetro saliente: verdadero )
• Búsqueda en el sitio (nombre del evento: view_search_results )
• Participación en video (eventos: video_start, video_progress, video_complete )
• Descarga de archivo (nombre del evento: file_download )

Si lo desea, puede habilitar / deshabilitar eventos individualmente. Puede hacerlo haciendo clic en el icono de engranaje en la sección Medición mejorada y luego haciendo clic en los botones de alternancia.

» alt=»» width=»515″ height=»218″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T151545.776.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T151545.776.jpg 709w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T151545.776-300×127.jpg 300w» data-sizes=»(max-width: 515px) 100vw, 515px» />

Cuando estés listo, presiona el botón Crear transmisión .

Instale Google Analytics 4 con Google Tag Manager

Cuando cree un flujo de datos (web), verá un ID de medición.

» alt=»» width=»1080″ height=»433″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T155227.740.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T155227.740.jpg 1080w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T155227.740-300×120.jpg 300w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T155227.740-768×308.jpg 768w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T155227.740-1024×411.jpg 1024w» data-sizes=»(max-width: 1080px) 100vw, 1080px» />

En la esquina superior derecha, verá el ID de seguimiento de su nueva propiedad. Cópialo. Tendremos que usarlo en Google Tag Manager.

Por cierto, si alguna vez te pierdes en la interfaz GA4 y necesitas volver a visitar esta página, ve a Admin> Flujos de datos> , elige tu flujo creado más recientemente y luego volverás a la misma ventana que he mostrado en la captura de pantalla anterior.

Luego, vaya a su contenedor de Google Tag Manager  > Etiquetas> Nuevo y elija la configuración GA4 .

En el campo Id. De medición, ingrese el Id. Que copió en la interfaz GA4. Conserve el evento Enviar una vista de página cuando se cargue esta configuración si desea realizar un seguimiento automático de las visitas a la página.

Por lo general, está bien mantenerlo habilitado, pero en algunas situaciones, p. Ej. en aplicaciones de una sola página, se recomienda deshabilitar la casilla de verificación de vista de página y crear solo una etiqueta de configuración independiente.

En la sección Activación, seleccione Todas las páginas y luego asigne un nombre a la etiqueta, p. Ej. GA4 – Página vista .

» alt=»» width=»392″ height=»616″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T155652.958.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T155652.958.jpg 467w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T155652.958-191×300.jpg 191w» data-sizes=»(max-width: 392px) 100vw, 392px» />

Consulte DebugView en Google Analytics 4

Habilite el modo de vista previa para probar sus cambios.

Una vez que habilite el modo de vista previa, debería ver la nueva etiqueta GA4 entre las etiquetas que se activaron.

» alt=»» width=»715″ height=»535″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T160016.378.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T160016.378.jpg 888w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T160016.378-300×224.jpg 300w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T160016.378-768×574.jpg 768w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-09T160016.378-627×470.jpg 627w» data-sizes=»(max-width: 715px) 100vw, 715px» />

Una vez que configure sus eventos, es hora de probarlos. La función principal creada para depurar datos de GA 4 es la sección DebugView . Puede encontrarlo en la esquina inferior izquierda de su interfaz GA4. Pínchalo.

» alt=»» width=»257″ height=»387″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T161911.558.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T161911.558.jpg 346w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T161911.558-199×300.jpg 199w» data-sizes=»(max-width: 257px) 100vw, 257px» />

Lo más probable es que no vea ningún dato allí (todavía). Eso es porque esos datos en DebugView son visibles SOLAMENTE cuando el modo de depuración en GA4 está habilitado. No mezcle esto con el modo de depuración y vista previa de GTM. Son dos bestias diferentes.

Para habilitar el modo de depuración en GA4, tiene varias opciones (cualquiera de ellas funcionará):

• Habilite la extensión de Chrome del depurador de GA
• Envía un parámetro debug_mode junto con un evento
• Habilitado el modo de vista previa del Administrador de etiquetas de Google en una página que está depurando

En el caso de la primera opción, instale la extensión aquí , y luego haga clic en su icono (para que pueda ver la cinta ON ). A partir de este momento, comenzará a ver que sus eventos ingresan a DebugView.

La otra opción es enviar un parámetro debug_mode con cada evento que desee ver en DebugView .

En Google Tag Manager, puede hacerlo abriendo la etiqueta de configuración GA4 y agregando el siguiente parámetro:

» alt=»» width=»502″ height=»408″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-15T084519.470.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-15T084519.470.jpg 689w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-15T084519.470-300×244.jpg 300w» data-sizes=»(max-width: 502px) 100vw, 502px» />

Si el parámetro debug_mode se establece en verdadero, el evento se verá en DebugView . Si está utilizando un gtag.js codificado, aquí están las instrucciones sobre cómo incluir el parámetro debug_mode .

Pero como estamos trabajando con Google Tag Manager, tener el modo de vista previa de GTM habilitado establece automáticamente debug_mode en verdadero, por lo que los datos comenzarán a aparecer en GA4 DebugView.

Cuando empiece a ver datos en DebugView, puede hacer clic en cada evento individual y luego se mostrará una lista de parámetros.

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

» alt=»» width=»719″ height=»496″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T223340.391.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T223340.391.jpg 846w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T223340.391-300×207.jpg 300w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T223340.391-768×530.jpg 768w» data-sizes=»(max-width: 719px) 100vw, 719px» />

Sin embargo, he notado algunos retrasos entre el evento que realmente ocurre en un sitio web y luego aparece en DebugView . A veces, tengo que esperar varios minutos hasta que llegan los datos. Eso es un poco desafortunado y, con suerte, el equipo detrás de Google Analytics 4 mejorará esto en el futuro.

A veces, también ayuda actualizar la página DebugView .

Además, asegúrese de haber seleccionado el dispositivo de depuración correcto en la esquina superior izquierda.

» alt=»» width=»498″ height=»305″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T162219.843.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T162219.843.jpg 586w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T162219.843-300×184.jpg 300w» data-sizes=»(max-width: 498px) 100vw, 498px» />

Si varios visitantes han habilitado la vista de depuración (por ejemplo, todos han habilitado la extensión de Chrome), verá varios dispositivos allí y es posible que necesite algo de tiempo para encontrarse. Esto se aplica especialmente a mi blog, cuando muchos de mis lectores han habilitado la extensión GA Debugger y tengo que adivinar qué dispositivo (de los otros 15) es el mío 🙂

De todos modos, una vez que empiece a ver datos en DebugView, las cosas se verán así.

» alt=»» width=»538″ height=»406″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T223158.281.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T223158.281.jpg 700w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-14T223158.281-300×226.jpg 300w» data-sizes=»(max-width: 538px) 100vw, 538px» />

Publique sus cambios en Google Tag Manager

Una vez que se haya asegurado de que los datos ingresan y se muestran correctamente, debe enviar los cambios de GA4 en el contenedor de GTM y publicarlos.

Puede hacerlo haciendo clic en el botón ENVIAR en la esquina superior derecha y luego complete todos los demás pasos que la interfaz de usuario le pide que haga.

» alt=»» width=»232″ height=»110″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2019/05/submit.jpg» />

Después de eso, pronto debería comenzar a ver los nuevos datos también en sus informes en tiempo real.

Informes en tiempo real de Google Analytics 4

En la barra lateral izquierda de la interfaz de Google Analytics 4, vaya a Realtime . Aquí es donde verá los datos que ingresan en sus informes. A diferencia de la versión anterior (Universal Analytics), el nuevo informe le ofrece capacidades para ver los datos en un nivel mucho más granular.

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

También puede echar un vistazo a la instantánea de un usuario individual. Puede hacerlo haciendo clic en el botón Ver instantánea del usuario en la esquina superior derecha.

» alt=»» width=»331″ height=»166″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T162305.148.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T162305.148.jpg 447w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T162305.148-300×150.jpg 300w» data-sizes=»(max-width: 331px) 100vw, 331px» />

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

» alt=»» width=»481″ height=»184″ data-src=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T162420.363.jpg» data-srcset=»https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T162420.363.jpg 625w, https://www.analyticsmania.com/wp-content/uploads/2020/11/image-2020-11-13T162420.363-300×115.jpg 300w» data-sizes=»(max-width: 481px) 100vw, 481px» />

Para salir de la instantánea, simplemente presione el botón Salir de la instantánea en la esquina superior derecha.

¿Qué sigue? ¡Más eventos!

Cuando instala el seguimiento básico de Google Analytics 4 (page_view y Enhanced Measurement), el siguiente paso es pensar en otros eventos que quizás desee medir.

Para ayudarlo con eso, he publicado una publicación de blog en profundidad sobre cómo realizar un seguimiento de eventos con Google Analytics 4 con Google Tag Manager que también incluye un video tutorial.

Preguntas frecuentes

Aquí hay algunas preguntas adicionales que podría tener y que quería abordar.

¿Qué sucede si ya tengo Universal Analytics instalado en mi sitio? Consulte la entrada de mi blog sobre cómo actualizar a Google Analytics 4 . Pero una versión corta es que puede usar ambas versiones de GA al mismo tiempo. A largo plazo, se recomendará mantener solo Google Analytics 4 (pero esa recomendación será razonable probablemente solo a fines de 2023).

¿Qué sucede si ya tengo el código de seguimiento de Google Analytics 4 codificado en el código fuente del sitio web ? Recomiendo encarecidamente implementar GA4 (o cualquier otra herramienta de análisis / marketing basada en JavaScript) a través de Google Tag Manager debido a su flexibilidad. Pero una versión corta es la siguiente: sus desarrolladores deben eliminar el código de seguimiento codificado de su sitio web y usted debe implementar Google Analytics 4 a través de Google Tag Manager. Mi Curso de Google Tag Manager para principiantes cubre el proceso y consejos sobre cómo migrar herramientas codificadas a Google Tag Manager.

Si ya tengo Universal Analytics implementado en Google Tag Manager, ¿debería crear un nuevo contenedor GTM para Google Analytics 4? No, no es necesario que cree un nuevo contenedor de GTM solo para Google Analytics 4. Utilice su contenedor de Google Tag Manager existente también para la nueva versión de GA. Google Analytics 4 requiere etiquetas GA completamente diferentes, pero definitivamente pueden coexistir con las etiquetas de Universal Analytics en el mismo contenedor.

Palabras finales sobre cómo instalar Google Analytics 4

Y así es como instala Google Analytics 4 con Google Tag Manager en su sitio web. La razón por la que esta publicación de blog fue más larga (de lo que debería haber sido) es DebugView y los informes en tiempo real de GA4. Quería presentarlos correctamente y es necesario que comprendas cómo funcionan.

Hablando del proceso, aquí hay un resumen:

• Cree una nueva propiedad GA4
• Crear un flujo de datos (en esta publicación de blog, me enfoqué en el flujo web)
• Copie el ID de medición
• Cree una etiqueta de configuración de Google Analytics 4
• Pegue el ID de medición y configure la etiqueta para que se active en Todas las páginas
• Obtenga una vista previa / pruebe la nueva etiqueta
• Publique sus cambios en Google Tag Manager

¿Tiene más preguntas? No dude en preguntar en los comentarios a continuación.