En Squarespace, el fragmento de código de FlowConsent va en el campo Header del panel Code Injection, al que se llega desde Pages → Custom Code → Code Injection. La instalación son tres pasos. Las trampas principales: la inyección de código exige un plan Core, Plus o Advanced, y hay que desactivar el banner de cookies nativo y las integraciones de Google Analytics y Meta Pixel de Squarespace, porque duplicarían el banner o se dispararían sin esperar al consentimiento.
Antes de empezar
- Una cuenta en app.flowconsent.com (plan Free gratuito, sin tarjeta de crédito, hasta 25.000 sesiones al mes).
- Un banner creado y desplegado. En el plan Free, el despliegue se hace a través de su propia cuenta de Cloudflare (guía de Cloudflare); en Pro y Enterprise, con un clic.
- Un sitio de Squarespace con un plan que incluya la inyección de código: Core, Plus, Advanced o algunos planes antiguos. El plan Basic no la ofrece.
Los nombres que aparecen a continuación son los de la interfaz de Squarespace en inglés; la interfaz traducida sigue la misma organización.
Paso 1: Copie el fragmento de código
Abra Builder → Despliegue → Integración y copie el fragmento de código de la pestaña HTML / No-code. Tiene dos partes, en este orden: el stub de Google Consent Mode v2 (valores denied por defecto) y después el cargador del banner.
Paso 2: Péguelo en Code Injection → Header
- En el editor de Squarespace, abra el panel Pages.
- Al final del panel, en la sección Custom Code, haga clic en Code Injection. En un sitio de la versión 7.0, la opción está en Website Tools.
- Pegue el fragmento de código al principio del campo Header, por encima de cualquier código que ya haya.
- Haga clic en Save.
<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>El campo Header se inyecta en el <head> de todas las páginas del sitio. Si ya contiene otros scripts de seguimiento (Google Tag Manager, Google Analytics, píxeles publicitarios), déjelos debajo del fragmento de código o, mejor aún, elimínelos y declárelos en Builder → Servicios. No use el campo Footer: se inyecta antes de </body>, demasiado tarde para el bloqueo previo.
Paso 3: Desactive el banner y las integraciones nativas
El banner de cookies de Squarespace. Dos banners en el mismo sitio son dos consentimientos contradictorios. Abra el panel Cookies & Data Privacy y desactive el interruptor Cookie banner.
Si usa Google Tag Manager, no cargue FlowConsent desde GTM (llegaría demasiado tarde): coloque el fragmento de código por encima del contenedor de GTM en el campo Header. Más detalles en la guía de Google Consent Mode.
Verifique la instalación
- Abra el sitio publicado en una ventana privada, fuera del editor: el banner aparece.
- En la pestaña Red de las herramientas para desarrolladores, no sale ninguna petición a terceros antes de hacer clic en Aceptar.
- Lance el asistente de instalación (Builder → Integración): comprueba la página publicada (cargador presente con el código de licencia correcto, stub de Consent Mode presente y colocado antes de cada etiqueta de Google).
- Termine con un escaneo de rechazo desde la pestaña Conformidad (verificación de conformidad).
Hacerlo desde su agente de IA (MCP)
FlowConsent tiene un servidor MCP oficial, https://mcp.flowconsent.com, que se puede usar desde Claude, ChatGPT o cualquier cliente MCP. La conexión se hace con OAuth 2.0 y 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). Pegar el fragmento en Squarespace le corresponde a usted: el servidor MCP 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 Squarespace y compruebe que está bien instalado en https://misitio.es
Más información: servidor MCP y FlowConsent para agentes de IA.
Preguntas frecuentes
No encuentro Code Injection. ¿Por qué?
Lo más probable es que su plan no la incluya: la inyección de código está reservada a los planes Core, Plus y Advanced y a algunos planes antiguos. En un sitio de la versión 7.0, búsquela también en Website Tools en lugar de Custom Code.
¿Se puede usar un bloque de código en una página en lugar de Code Injection?
No. Un bloque de código se muestra en el cuerpo de una sola página: demasiado tarde y no en todas. El fragmento debe estar en el <head> de todas las páginas, y eso solo lo garantiza el campo Header.
¿Conviene mantener el banner de cookies de Squarespace?
No. Dos banners recogerían dos decisiones contradictorias. Desactive el de Squarespace en Cookies & Data Privacy una vez instalado FlowConsent.
Google Analytics sigue enviando datos tras un rechazo.
Probablemente el ID sigue configurado en Developer tools → External API keys, así que Squarespace inyecta el script por su cuenta. Vacíe ese campo y declare Google Analytics en Builder → Servicios.