# Installer FlowConsent sur Squarespace

Installer FlowConsent sur Squarespace : coller l'extrait de code dans Code Injection → Header, désactiver la bannière native et retirer les ID Google et Meta.

> Canonical: https://www.flowconsent.com/fr/doc/install-squarespace
> Last updated: 2026-10-01
Sur Squarespace, l'extrait de code FlowConsent se colle dans le champ **Header** du panneau **Code Injection**, accessible depuis le panneau **Pages → Custom Code → Code Injection**. L'installation tient en trois étapes. Les pièges principaux : l'injection de code exige un plan Core, Plus ou Advanced, et la bannière de cookies native ainsi que les intégrations Google Analytics et Meta Pixel de Squarespace doivent être désactivées, sinon elles font doublon ou partent sans attendre le consentement.

## Avant de commencer

- Un compte sur [app.flowconsent.com](https://app.flowconsent.com) (offre Free gratuite, sans carte bancaire, jusqu'à 25 000 sessions par mois).
- Une bannière créée puis déployée. Sur l'offre Free, le déploiement passe par votre compte Cloudflare ([guide Cloudflare](/fr/doc/cloudflare-deployment)) ; sur Pro et Enterprise, il se fait en un clic.
- Un site Squarespace sur un plan qui inclut l'injection de code : **Core, Plus, Advanced** ou certains anciens plans. Le plan Basic ne la propose pas.

Les intitulés ci-dessous sont ceux de l'interface Squarespace en anglais ; l'interface traduite suit la même organisation.

## Étape 1 : copier l'extrait de code

Ouvrez **Builder → Déploiement → Intégration** et copiez l'extrait de code de l'onglet **HTML / No-code**. Il comporte deux parties, dans cet ordre : le stub Google Consent Mode v2 (valeurs `denied` par défaut), puis le chargeur de la bannière.

## Étape 2 : le coller dans Code Injection → Header

1. Dans l'éditeur Squarespace, ouvrez le panneau **Pages**.
2. Tout en bas du panneau, dans la section **Custom Code**, cliquez sur **Code Injection**. Sur un site en version 7.0, l'option se trouve sous **Website Tools**.
3. Collez l'extrait de code **tout en haut du champ Header**, au-dessus de tout code déjà présent.
4. Cliquez sur **Save**.

```html title="Pages → Custom Code → Code Injection → Header"
<script>
// FlowConsent Loader - PLACER AVANT tout autre script dans le <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://VOTRE-CODE-LICENCE.consent.flowconsent.com/cookie-manager.js?code=VOTRE_CODE_LICENCE"></script>
```

Le champ Header est injecté dans le `<head>` de toutes les pages du site. Si d'autres scripts de suivi y figurent déjà (Google Tag Manager, Google Analytics, pixels publicitaires), laissez-les **sous** l'extrait de code, ou mieux, retirez-les et déclarez-les dans **Builder → Services**. N'utilisez pas le champ **Footer** : il est injecté avant `</body>`, bien trop tard pour le blocage préalable.

## Étape 3 : désactiver la bannière et les intégrations natives

**La bannière de cookies de Squarespace.** Deux bannières sur le même site, c'est deux consentements contradictoires. Ouvrez le panneau **Cookies & Data Privacy** et désactivez l'interrupteur **Cookie banner**.

> [!WARNING]
> Les intégrations natives de Squarespace injectent leurs propres scripts, en dehors de votre extrait de code : FlowConsent ne peut pas les retenir. Retirez leurs identifiants, puis déclarez ces services dans **Builder → Services** pour que la bannière ne les charge qu'après consentement :
> - **Google Analytics** : panneau **Developer tools → External API keys**, videz le champ **Google Analytics account number** et enregistrez.
> - **Meta Pixel** : panneau **Meta Pixel & Ads**, videz le champ **Pixel ID** et enregistrez.

Si vous utilisez Google Tag Manager, ne chargez pas FlowConsent depuis GTM (il arriverait trop tard) : placez l'extrait de code **au-dessus** du conteneur GTM dans le champ Header. Détails dans le [guide Google Consent Mode](/fr/doc/google-consent-mode).

> [!NOTE]
> Les pages de paiement de Squarespace n'acceptent pas l'injection de code : la bannière n'y apparaît pas, le choix du visiteur se fait sur le site avant le paiement. Le champ réservé à la page de confirmation de commande n'est pas fait pour des traceurs non soumis au consentement.

## Vérifier l'installation

1. Ouvrez le site publié en navigation privée, hors de l'éditeur : la bannière s'affiche.
2. Dans l'onglet **Réseau** des outils de développement, aucune requête vers un service tiers ne part avant le clic sur **Accepter**.
3. Lancez l'[assistant d'installation](/fr/doc/setup-wizard) (Builder → Intégration) : il contrôle la page en ligne (chargeur présent avec le bon code de licence, stub Consent Mode présent et placé avant chaque tag Google).
4. Terminez par un scan de refus depuis l'onglet **Conformité** ([vérification de conformité](/fr/doc/compliance-verification)).

## Le faire depuis votre agent IA (MCP)

FlowConsent dispose d'un serveur MCP officiel, `https://mcp.flowconsent.com`, utilisable depuis Claude, ChatGPT ou tout client MCP. La connexion se fait en OAuth 2.0 avec votre compte FlowConsent, sans clé d'API. Votre agent récupère l'extrait de code et les consignes de placement (`get_banner_snippet`, `get_setup_instructions`), vérifie l'installation par un vrai scan (`verify_consent_compliance`) et peut poser une surveillance récurrente (`monitor_compliance`). C'est vous qui collez l'extrait dans Squarespace : le serveur MCP fournit l'extrait, les instructions et la vérification.

Exemple de demande :

> Donne-moi l'extrait de code de ma bannière pour mon site Squarespace et vérifie qu'il est bien installé sur https://monsite.fr

En savoir plus : [serveur MCP](/fr/doc/mcp-server) et [FlowConsent pour les agents IA](/fr/mcp).

## Questions fréquentes

### Je ne trouve pas Code Injection, pourquoi ?

Votre plan ne l'inclut probablement pas : l'injection de code est réservée aux plans Core, Plus, Advanced et à certains anciens plans. Sur un site en version 7.0, cherchez aussi sous **Website Tools** plutôt que dans **Custom Code**.

### Puis-je utiliser un bloc de code dans une page au lieu de Code Injection ?

Non. Un bloc de code s'affiche dans le corps d'une seule page, trop tard et pas partout. L'extrait de code doit être dans le `<head>` de toutes les pages, ce que seul le champ Header garantit.

### Dois-je garder la bannière de cookies de Squarespace ?

Non. Deux bannières recueilleraient deux choix contradictoires. Désactivez celle de Squarespace dans **Cookies & Data Privacy** une fois FlowConsent installé.

### Google Analytics envoie encore des données après un refus.

L'identifiant est sans doute encore renseigné dans **Developer tools → External API keys** : Squarespace injecte alors le script lui-même. Videz ce champ et déclarez Google Analytics dans **Builder → Services**.