Cómo usar: Generador de snippet de GTM
- Introduce tu ID de contenedor (
GTM-…) que aparece en la parte superior de Tag Manager. - Mantén activados los valores por defecto de Consent Mode v2 si tu sitio muestra un banner de cookies.
- Pega el primer bloque en el
<head>y el segundo justo después de<body>. - Publica los cambios y abre Vista previa en Tag Manager para comprobar que el contenedor se carga.
Por qué los valores de consentimiento van primero
Las etiquetas de un contenedor leen el consentimiento en el momento en que se disparan. Si defines valores denied en un script por encima del contenedor, ninguna etiqueta guarda cookies antes de que el visitante elija: después, el banner actualiza el consentimiento y Tag Manager reevalúa las etiquetas en espera. El iframe <noscript> del body solo importa a los visitantes sin JavaScript. Envía eventos al contenedor con el Generador de push de dataLayer.
También se busca como: snippet de google tag manager, código de instalación de gtm, código de contenedor gtm, generador de código gtm, gtm noscript, consent mode en tag manager, gtm webflow.
Herramientas que combinan con: Generador de snippet de GTM
- Generador de Google Tag — Introduce tu ID de medición de GA4, tu ID de Google Ads o tu ID de contenedor de Tag Manager y obtén código de instalación listo para pegar, con valores predeterminados de Consent Mode v2, enlazado entre dominios, modo debug, vistas de página manuales y ajustes de cookies que solo se activan cuando los necesitas.
- Generador de banner de cookies — Añade un banner de cookies a cualquier web — Webflow, WordPress, Shopify o HTML puro — sin plugin de pago.
- Verificador de seguimiento y píxeles — Introduce una URL para encontrar todas las etiquetas de análisis, píxeles publicitarios y gestores de etiquetas de la página, junto con sus ID, lo que se ha cargado en Google Tag Manager, la herramienta de consentimiento de cookies y las etiquetas de verificación de Search Console y Bing.
- Generador de Script de Seguimiento de Eventos — Rastrea clics en botones, enlaces y envíos de formularios añadiendo atributos en lugar de código: data-track="sign_up_click" más parámetros opcionales data-track-*.
Preguntas frecuentes
¿Dónde va la parte de noscript?
Justo después de la etiqueta de apertura . En Webflow, que no tiene un espacio para el inicio del body, colócala al principio del código del Footer; o puedes omitirla, ya que solo afecta a los visitantes con JavaScript desactivado.
¿Puedo cambiar el nombre del dataLayer?
Sí, pero todos los push deben usar el mismo nombre. Mantener el dataLayer por defecto evita errores.
¿Cómo compruebo que GTM está instalado?
Abre Vista previa en Tag Manager e introduce la URL de tu sitio. Si el contenedor está instalado, Tag Assistant se conecta y muestra las etiquetas que se disparan en cada página.
¿Puedo instalar Generador de snippet de GTM como aplicación web y utilizarla sin conexión?
Sí. Generador de snippet de GTM es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.