¿Cómo instalar GTM en Webflow?

Si tienes una tienda o un sitio web creado en Webflow y quieres sacarle el máximo provecho a tus análisis de tráfico, conversiones y más, entonces seguro que ya has oído hablar de Google Tag Manager (GTM). En este artículo, te voy a explicar paso a paso cómo instalar Google Tag Manager en Webflow de manera sencilla. Verás que es mucho más fácil de lo que parece, y lo mejor es que podrás gestionar tus etiquetas (tags) sin tocar una sola línea de código.

gtm en webflow

Instalar Google Tag Manager

Lo primero es lo primero: necesitas tener una cuenta de Google Tag Manager. Si aún no la tienes, no te preocupes, vamos a conseguirla ahora.

  • Accede a Google Tag Manager: Ve a Google Tag Manager e inicia sesión con tu cuenta de Google.

  • Crea una nueva cuenta: Una vez dentro, selecciona «Crear cuenta». Aquí deberás rellenar algunos campos como el nombre de la cuenta, el país y la URL de tu sitio web.

  • Configura el contenedor: El contenedor es donde se almacenan todas las etiquetas que vas a usar en tu web. Asegúrate de elegir «Web» como plataforma, ya que estás trabajando en un sitio Webflow.

  • Acepta los términos: Como en todo, tendrás que aceptar los términos y condiciones de Google Tag Manager.

Con eso, ya tendrás tu cuenta de Google Tag Manager lista y preparada para usar. Ahora pasemos a la siguiente parte: obtener el ID de la cuenta.

Obtener ID de cuenta

El ID de Google Tag Manager es un código único que se utiliza para identificar tu contenedor y vincularlo con tu sitio web. Este código es necesario para que Webflow sepa qué contenedor de GTM debe usar. Aquí te dejo cómo encontrarlo:

  • Entra en Google Tag Manager: Accede a tu cuenta y selecciona el contenedor que acabas de crear.

  • Ubica el ID de la cuenta: En el panel de control de tu contenedor, verás una sección llamada «ID de contenedor» justo en la parte superior. El ID tendrá un formato similar a este: GTM-XXXXXX.

Anota este ID porque lo necesitarás para integrarlo en Webflow. Con esta información ya casi tienes todo listo para implementar Google Tag Manager en Webflow.

Implementar código a tienda Webflow

Ahora que ya tienes tu ID de Google Tag Manager, es hora de implementarlo en tu web de Webflow. Aquí te dejo el paso a paso para hacerlo sin complicaciones.

  • Accede a tu cuenta de Webflow: Inicia sesión en tu cuenta de Webflow y entra al proyecto de la tienda o página donde deseas instalar GTM.

  • Ve a la sección de configuración del proyecto: Haz clic en «Project Settings» y luego en la pestaña «Custom Code».

  • Añadir el código de Google Tag Manager: Aquí encontrarás dos campos, uno para el código en el <head> y otro para el <body>.
    • Copia el código que Google Tag Manager te proporciona y pégalo en los campos correspondientes.
    • Asegúrate de reemplazar GTM-XXXXXX por tu propio ID de contenedor.

  • Guardar los cambios: Haz clic en «Save Changes» para guardar la configuración.

  • Publicar tu sitio: Por último, publica tu web para que el código entre en funcionamiento.

¡Y ya está! Con estos pasos habrás integrado Google Tag Manager en tu web de Webflow. Ahora puedes comenzar a gestionar tus etiquetas y empezar a hacer un seguimiento más preciso de tus métricas.

Si quieres profundizar más en el tema y aprender a gestionar tus etiquetas de forma avanzada, no te pierdas el Curso de Google Tag Manager, que ya tienes disponible en TEKDI, donde te enseñaremos todo lo que necesitas saber para optimizar tus campañas y analíticas.

Cursos recomendados