Usar FlowConsent con Google Tag Manager

Con Google Tag Manager, el fragmento de código de FlowConsent va en el <head> del sitio, encima del snippet de GTM, y nunca como etiqueta dentro de GTM: cargado desde el contenedor, el banner llegaría demasiado tarde para el bloqueo previo. La instalación son dos pasos: colocar el fragmento antes de GTM y comprobar que cada etiqueta del contenedor respeta el consentimiento (automático en las etiquetas de Google, configurable en las demás).

Antes de empezar

• Una cuenta en app.flowconsent.com (el plan Free es gratuito, sin tarjeta de crédito y cubre hasta 25.000 sesiones al mes).
• Un banner creado y desplegado. En el plan Free, el despliegue pasa por su propia cuenta de Cloudflare (guía de Cloudflare); en Pro y Enterprise se hace con un clic.
• Acceso de edición al código del <head> del sitio y al contenedor de GTM.

Paso 1: Pegue el fragmento encima del snippet de GTM

Copie el fragmento de código desde Builder → Despliegue → Integración (pestaña HTML / No-code). Péguelo justo después de la apertura de <head> y deje el snippet <!-- Google Tag Manager --> debajo:

<head>
  <script>
  // FlowConsent Loader - COLOCAR ANTES de cualquier otro script en el <head>
  window.dataLayer=window.dataLayer||[];
  function gtag(){dataLayer.push(arguments);}
  gtag('consent','default',{
    'ad_storage':'denied',
    'analytics_storage':'denied',
    'ad_user_data':'denied',
    'ad_personalization':'denied',
    'wait_for_update':500
  });
  gtag('set','url_passthrough',true);
  gtag('set','ads_data_redaction',true);
  </script>
  <!-- FlowConsent CMP -->
  <script src="https://SU-CODIGO-LICENCIA.consent.flowconsent.com/cookie-manager.js?code=SU_CODIGO_LICENCIA"></script>
 
  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){ /* código proporcionado por GTM */ })(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
  <!-- End Google Tag Manager -->
 
  <!-- el resto del <head> -->
</head>

El stub de Consent Mode escribe los valores denied por defecto en el dataLayer antes de que arranque GTM: el contenedor los lee al cargarse y cada etiqueta de Google funciona en modo denegado hasta que el visitante elige. Cuando decide, el banner envía gtag('consent', 'update', …) y GTM aplica el nuevo estado. No hace falta ninguna plantilla de la galería de GTM.

El segundo snippet de GTM (un <noscript> con un <iframe>, justo después de <body>) se queda en su sitio habitual.

Por qué no cargar FlowConsent desde GTM

Lo mismo ocurre si GTM lo inyecta un plugin o una integración nativa (un campo «ID de contenedor de GTM» en un CMS): si ese código queda por encima de su fragmento, elimine el ID de esos ajustes y pegue usted mismo el snippet de GTM, debajo de FlowConsent. Si cambió el nombre de la variable dataLayer en el snippet de GTM, vuelva a dataLayer: es el nombre que usa el stub.

Paso 2: Configure el consentimiento de las etiquetas en GTM

En cualquier etiqueta, abra Configuración avanzada → Configuración de consentimiento. Ahí aparecen dos bloques.

Comprobaciones de consentimiento integradas. Las etiquetas de Google (etiqueta de Google, GA4, Google Ads, Floodlight) leen por sí mismas las señales de Consent Mode v2 que envía FlowConsent. No hay nada que configurar: si el visitante rechaza, pasan al modo sin cookies (pings gcs=G100, consulte la guía de Google Consent Mode).

Comprobaciones de consentimiento adicionales. Las etiquetas que no son de Google (Meta Pixel, LinkedIn, Hotjar, HTML personalizado…) no tienen comprobaciones integradas. Elija La etiqueta requiere consentimiento adicional para activarse, haga clic en + Añadir consentimiento obligatorio e indique la señal que corresponda, por ejemplo ad_storage para un píxel publicitario o analytics_storage para una herramienta de analítica. La etiqueta solo se activa si esas señales están concedidas en el momento en que se produce su activador.

Verificar la instalación

1. En GTM, haga clic en Vista previa: Tag Assistant se abre en su sitio. Seleccione una etiqueta de Google y después la pestaña Consentimiento: la columna Valor predeterminado en la página debe mostrar Denied para las cuatro señales. Tras hacer clic en Aceptar, la columna Valor actualizado en la página pasa a Granted.
2. En una ventana privada, el banner aparece y la pestaña Red no muestra ninguna petición a terceros antes de Aceptar (salvo los pings de Google con gcs=G100, conformes con el rechazo).
3. Lance el asistente de instalación (Builder → Integración): comprueba que el cargador está presente con el código de licencia correcto, que el stub está presente y que precede a cada etiqueta de Google, GTM incluido.
4. Termine con un escaneo de rechazo desde la pestaña Conformidad (verificación de conformidad).

Hágalo desde su agente de IA (MCP)

FlowConsent tiene un servidor MCP oficial, https://mcp.flowconsent.com, que funciona con Claude, ChatGPT o cualquier cliente MCP. La conexión se hace por OAuth 2.0 con su cuenta de FlowConsent, sin clave de API. Su agente obtiene el fragmento de código y las instrucciones de colocación (get_banner_snippet, get_setup_instructions), verifica la instalación con un escaneo real (verify_consent_compliance) y puede programar una supervisión recurrente (monitor_compliance). No modifica su sitio ni su contenedor de GTM: aporta el fragmento, las instrucciones y la verificación.

Ejemplo de petición:

Deme el fragmento de código de mi banner para mi sitio que usa Google Tag Manager, recuérdeme dónde va respecto al snippet de GTM y compruebe que está bien instalado en https://misitio.es

Más información: servidor MCP y FlowConsent para agentes de IA.

Preguntas frecuentes

¿Puedo instalar FlowConsent solo con una etiqueta de GTM?

No. Un banner cargado por GTM llega después del HTML de la página, así que los scripts que no pasan por GTM no se bloquearían a tiempo. El fragmento debe estar en el <head>, encima del snippet de GTM.

¿Hay que configurar algo para GA4 o Google Ads en GTM?

No. Sus comprobaciones de consentimiento integradas leen las señales de Consent Mode v2 que envía FlowConsent. Solo las etiquetas que no son de Google necesitan consentimiento adicional.

Mi píxel de Meta en GTM se sigue activando tras un rechazo: ¿por qué?

Lo más probable es que su etiqueta esté en Sin establecer. Cámbiela a La etiqueta requiere consentimiento adicional para activarse con ad_storage, publique el contenedor y vuelva a lanzar un escaneo de rechazo.

¿Necesito una plantilla de FlowConsent de la galería de plantillas de la comunidad de GTM?

No. El stub del fragmento define los valores por defecto y el propio banner envía la actualización del consentimiento: GTM no necesita ninguna plantilla adicional.