# Instalar FlowConsent en Squarespace

Instalar FlowConsent en Squarespace: pegue el fragmento de código en Code Injection → Header, desactive el banner nativo y elimine los ID de Google y Meta.

> Canonical: https://www.flowconsent.com/es/doc/install-squarespace
> Last updated: 2026-10-01
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](https://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](/es/doc/cloudflare-deployment)); 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

1. En el editor de Squarespace, abra el panel **Pages**.
2. 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**.
3. Pegue el fragmento de código **al principio del campo Header**, por encima de cualquier código que ya haya.
4. Haga clic en **Save**.

```html title="Pages → Custom Code → Code Injection → Header"
<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**.

> [!WARNING]
> Las integraciones nativas de Squarespace inyectan sus propios scripts, fuera de su fragmento de código: FlowConsent no puede retenerlos. Elimine sus identificadores y declare estos servicios en **Builder → Servicios** para que el banner solo los cargue tras el consentimiento:
> - **Google Analytics**: en el panel **Developer tools → External API keys**, vacíe el campo **Google Analytics account number** y guarde.
> - **Meta Pixel**: en el panel **Meta Pixel & Ads**, vacíe el campo **Pixel ID** y guarde.

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](/es/doc/google-consent-mode).

> [!NOTE]
> Las páginas de pago de Squarespace no admiten inyección de código: el banner no aparece en ellas, y el visitante elige en el sitio antes del pago. El campo reservado a la página de confirmación del pedido no es lugar para rastreadores que eludan el consentimiento.

## Verifique la instalación

1. Abra el sitio publicado en una ventana privada, fuera del editor: el banner aparece.
2. En la pestaña **Red** de las herramientas para desarrolladores, no sale ninguna petición a terceros antes de hacer clic en **Aceptar**.
3. Lance el [asistente de instalación](/es/doc/setup-wizard) (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).
4. Termine con un escaneo de rechazo desde la pestaña **Conformidad** ([verificación de conformidad](/es/doc/compliance-verification)).

## 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](/es/doc/mcp-server) y [FlowConsent para agentes de IA](/es/mcp).

## 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**.