Tutorial

Cómo integrar Google Analytics en Webflow a través de GTM

Fani Sánchez

-

Elisa Garrido

Product Owner

-

Junior Maker Analyst

@

Mínimo.

El estudio de los datos es hoy en día esencial para cualquier estrategia de productos digitales. El poder de los datos nos permite formular hipótesis y proponer estrategias para mejorar los negocios digitales.

Hay diferentes herramientas que podemos usar para saber todo sobre nuestro sitio web, una de las herramientas de análisis de datos más populares es Google Analytics. Google Analytics nos permite hacer un seguimiento y leer fácilmente las interacciones de los usuarios en nuestro sitio web.

Para recopilar estos datos de manera más precisa, recomendamos utilizar Google Tag Manager. Google Tag Manager es una herramienta sin código fácil de usar que facilita la implementación del código de Google Analytics en su sitio web. Su diseño sencillo permite que la herramienta sea administrada por todos los diferentes roles de tu empresa.  

A través de esta guía, aprenderás paso a paso cómo integrar fácilmente Google Analytics con Google Tag Manager en tu sitio web.

Requisitos

Antes de comenzar, es necesario tener una cuenta en los siguientes servicios. Todos ellos tienen un nivel gratuito con el que podemos trabajar.

  • Google Analytics
  • Administrador de etiquetas de Google
  • Webflow

Paso 01 - Copiar el ID de Google Analytics

Cuando esté dentro de Google Analytics, si su cuenta y su contenedor han sido creados, tendrá que buscar su ID de Analytics.

Siga estos pasos para encontrar su ID de Analítica

  • Una vez en el panel de control de Google Analytics, haz clic en el botón de administración para entrar en tu sección de administración.
  • Cuando esté dentro de su sección de administración, seleccione su cuenta y su propiedad.
  • En la columna de propiedades, haz clic en Información de seguimiento y luego en Código de seguimiento.
  • Bajo el nombre de Tracking ID, podrás ver tu identificación. Este ID consiste en números y letras.

Paso 02 - En el Google Tag Manager, crear una variable de configuración de Google Analytics

Cuando entres en el Google Tag Manager, en el menú de la izquierda encontrarás diferentes opciones para crear y administrar etiquetas, disparadores y variables.

Sigue estos pasos para crear tu variable de Google Analytics

  • Cuando estés en el panel de control de Google Tag Manager, haz clic en las variables. Encontrarás esta opción en el menú de la izquierda.
  • Una vez en las variables, haga clic en el botón Nuevo. Encontrarás el botón Nuevo en la esquina derecha en la caja de Variables Definidas por el Usuario.
  • Ahora haga clic en Configuración de la variable.
  • En el menú que se muestra, elija la opción "Configuración de Google Analytics". Encontrarás la opción "Configuración de Google Analytics" en la sección"Utilidades".
  • Ahora podrás pegar tu ID de Google Analytics en el cuadro de ID de seguimiento.
  • Haz clic en Guardar para almacenar tu variable de Google Analytics

Paso 03 - Crear una etiqueta llamada Google Universal Analytics

En el panel del Administrador de etiquetas de Google, tendrás que crear una etiqueta para la variable que acabas de crear.

Sigue estos pasos para crear tu etiqueta de Google Analytics

  • Haz clic en la opción Etiquetas del menú de Google Tag Manager.
  • Haga clic en el botón Nuevo que encontrará a la derecha.
  • Una vez dentro, quieres hacer clic en Configuración de etiquetas y seleccionar el Google Analytics: Analítica Universal.
  • En Tipo de pista seleccione la opción Vista de página.
  • En la configuración de Google Analytics, seleccione la variable que creó en el paso anterior.
  • Ahora quieres hacer clic en Configuración avanzada. En Opciones de disparo de etiquetas seleccione"Una vez por página".
  • Si ya has creado tu etiqueta de Google Optimize para tus experimentos: marca la casilla"Disparar una etiqueta antes de que dispare Google Universal Analytics". De las opciones que aparecen a continuación, seleccione su etiqueta de Google Optimize. Si no has configurado tu etiqueta de Google Optimize, encontrarás cómo hacerlo en el siguiente artículo.
  • En el cuadro de configuración de etiquetas verá el cuadro de activación. Haz clic en él y selecciona como Disparador la opción "Todas las páginas".


¡Gracias!

¿Como este artículo? Corre la voz.

Código bajo y sin código en acción

Suscríbete a nuestro boletín de noticias

Únete a nuestro boletín de noticias y recibe recursos, contenido curado e inspiración para el diseño directamente en tu bandeja de entrada.

¡Gracias! Su presentación ha sido recibida!
Algo salió mal al enviar el formulario. Por favor, inténtelo de nuevo.

Lo último de nuestro Blog

Tienes preguntas, tenemos respuestas

FAQ

¿Quiénes somos?
¿Cuánto tiempo lleva construir mi producto digital o MVP?
¿Puedo trabajar con Minimum.run de forma continua una vez que mi MVP o producto esté lanzado?
¿Con qué tecnologías e integraciones trabaja Minimum.run?
¿Cuál es el proceso de trabajo con Minimum.run?
¿Cuáles son las entregas típicas?
¿Seré capaz de gestionar mi producto personalizado una vez que esté lanzado?
Suscríbase a