Cómo usar: Generador de Google Tag
- Elige Google tag para instalar GA4 o Google Ads directamente, o Tag Manager si gestionas las etiquetas en un contenedor de GTM.
- Introduce tus IDs: encuentra el de GA4 en Administración → Flujos de datos, y el ID del contenedor en la parte superior de Tag Manager.
- Mantén activados los valores predeterminados de Consent Mode v2 si muestras un banner de cookies, y añade solo las opciones que necesites.
- Pega el código del head en todas las páginas (Webflow: Site settings → Custom code), publica y comprueba el informe Tiempo real o DebugView.
Qué añade cada opción
- Valores predeterminados de Consent Mode v2:
gtag('consent', 'default', …)establecead_storage,ad_user_data,ad_personalizationyanalytics_storageendeniedantes de que se ejecute cualquier etiqueta, conwait_for_updatepara que el banner tenga tiempo de cargarse. Después, tu banner llama agtag('consent', 'update', …). - Modo debug:
debug_mode: trueenvía los eventos a DebugView en GA4. Desactívalo antes de publicar, o el tráfico de depuración se mezclará con los informes durante unos minutos cada vez. - Vistas de página manuales:
send_page_view: falseevita la vista de página automática, pensado para aplicaciones de una sola página que envíanpage_viewen cada cambio de ruta. - Seguimiento entre dominios:
linker.domainsañade el parámetro_gla los enlaces entre tus dominios, de modo que una visita que pasa por ellos siga siendo una sola sesión. También debes incluir los dominios en la configuración del flujo de datos de GA4. - ID de usuario:
user_idune las visitas de una misma persona en distintos dispositivos. Debe ser tu propio ID interno; las políticas de Google prohíben enviar correos electrónicos, nombres u otros datos personales.
¿Google tag o Tag Manager?
La etiqueta de Google (gtag.js) es la forma más corta de añadir GA4 o Ads a un sitio. Tag Manager carga un contenedor que editas desde su interfaz web, así que el equipo de marketing puede añadir etiquetas, activadores y píxeles sin tocar el código: es la mejor opción cuando un sitio tiene muchas etiquetas. Usa una u otra para la misma propiedad de GA4, nunca ambas, o cada vista de página se contará dos veces. Después, envía eventos con el generador de código de eventos GA4 y comprueba que las etiquetas se cargan con el comprobador de etiquetas de seguimiento.
También se busca como: generador de código gtag, generador snippet google tag, código de instalación ga4, código gtag.js, snippet google tag manager, código instalación gtm, etiqueta de conversión google ads, código consent mode predeterminado.
Herramientas que combinan con: Generador de Google Tag
- 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-*.
- Generador de banner de cookies — Añade un banner de cookies a cualquier web — Webflow, WordPress, Shopify o HTML puro — sin plugin de pago.
- Generador UTM — Añade utm_source, utm_medium, utm_campaign y otros parámetros a cualquier enlace, comprueba en qué canal de GA4 caerá la visita y etiqueta una lista completa de URLs de una vez.
- Decodificador GA4 Request — Depura Google Analytics 4 sin adivinar.
Preguntas frecuentes
¿Dónde encuentro mi ID de medición de GA4?
En Google Analytics ve a Administración → Flujos de datos, abre tu flujo web y copia el ID que empieza por G-.
¿Puedo instalar GTM y gtag.js a la vez?
Puedes, pero no cargues la misma propiedad de GA4 en ambos, o las vistas de página se contarán dos veces. Si usas Tag Manager, añade GA4 dentro del contenedor.
¿Este código respeta el consentimiento de cookies?
Con los valores predeterminados de Consent Mode v2 activados, las etiquetas de Google no guardan cookies hasta que tu banner envíe una actualización de consentimiento. Si no tienes un banner que envíe actualizaciones, Analytics permanece en modo sin cookies.
¿Cómo compruebo que la etiqueta funciona?
Activa el modo debug y abre Administración → DebugView en GA4, o revisa el informe Tiempo real. La extensión de navegador Google Tag Assistant muestra todas las etiquetas que carga una página.
¿Puedo instalar Generador de Google Tag como aplicación web y utilizarla sin conexión?
Sí. Generador de Google Tag 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.