# FlowConsent auf Squarespace installieren

FlowConsent auf Squarespace installieren: Code-Snippet in Code Injection → Header einfügen, natives Cookie-Banner abschalten, Google- und Meta-IDs entfernen.

> Canonical: https://www.flowconsent.com/de/doc/install-squarespace
> Last updated: 2026-10-01
Auf Squarespace gehört das FlowConsent-Code-Snippet in das Feld **Header** des Bereichs **Code Injection**, den Sie über **Pages → Custom Code → Code Injection** öffnen. Die Installation umfasst drei Schritte. Die Hauptfallen: Code Injection setzt einen Core-, Plus- oder Advanced-Tarif voraus, und das native Cookie-Banner sowie die Integrationen für Google Analytics und Meta Pixel müssen abgeschaltet werden, sonst doppeln sie das Banner oder feuern, ohne auf die Einwilligung zu warten.

## Bevor Sie beginnen

- Ein Konto auf [app.flowconsent.com](https://app.flowconsent.com) (kostenloser Free-Tarif, ohne Kreditkarte, bis zu 25.000 Sitzungen pro Monat).
- Ein erstelltes und bereitgestelltes Banner. Im Free-Tarif erfolgt die Bereitstellung über Ihr eigenes Cloudflare-Konto ([Cloudflare-Anleitung](/de/doc/cloudflare-deployment)), bei Pro und Enterprise mit einem Klick.
- Eine Squarespace-Website in einem Tarif mit Code Injection: **Core, Plus, Advanced** oder einige ältere Tarife. Der Basic-Tarif bietet sie nicht.

Die folgenden Bezeichnungen stammen aus der englischen Squarespace-Oberfläche. Die übersetzte Oberfläche ist gleich aufgebaut.

## Schritt 1: Code-Snippet kopieren

Öffnen Sie **Builder → Deployment → Integration** und kopieren Sie das Code-Snippet aus dem Tab **HTML / No-code**. Es besteht aus zwei Teilen in dieser Reihenfolge: dem Google-Consent-Mode-v2-Stub (Standardwerte `denied`) und dem Banner-Loader.

## Schritt 2: In Code Injection → Header einfügen

1. Öffnen Sie im Squarespace-Editor den Bereich **Pages**.
2. Klicken Sie ganz unten im Bereich, im Abschnitt **Custom Code**, auf **Code Injection**. Bei einer Website in Version 7.0 finden Sie die Option unter **Website Tools**.
3. Fügen Sie das Snippet **ganz oben im Feld Header** ein, oberhalb von bereits vorhandenem Code.
4. Klicken Sie auf **Save**.

```html title="Pages → Custom Code → Code Injection → Header"
<script>
// FlowConsent Loader - VOR allen anderen Skripten im <head> platzieren
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://IHR-LIZENZCODE.consent.flowconsent.com/cookie-manager.js?code=IHR_LIZENZCODE"></script>
```

Das Feld Header wird in den `<head>` jeder Seite der Website eingefügt. Stehen dort bereits andere Tracking-Skripte (Google Tag Manager, Google Analytics, Werbepixel), lassen Sie sie **unterhalb** des Snippets, oder besser: Entfernen Sie sie und hinterlegen Sie sie unter **Builder → Services**. Verwenden Sie nicht das Feld **Footer**: Es wird vor `</body>` eingefügt, viel zu spät für die Vorabblockierung.

## Schritt 3: Natives Banner und Integrationen abschalten

**Das Cookie-Banner von Squarespace.** Zwei Banner auf derselben Website bedeuten zwei widersprüchliche Einwilligungen. Öffnen Sie den Bereich **Cookies & Data Privacy** und schalten Sie den Schalter **Cookie banner** aus.

> [!WARNING]
> Die nativen Integrationen von Squarespace binden eigene Skripte ein, außerhalb Ihres Snippets: FlowConsent kann sie nicht zurückhalten. Entfernen Sie ihre IDs und hinterlegen Sie diese Dienste unter **Builder → Services**, damit das Banner sie erst nach der Einwilligung lädt:
> - **Google Analytics**: Leeren Sie im Bereich **Developer tools → External API keys** das Feld **Google Analytics account number** und speichern Sie.
> - **Meta Pixel**: Leeren Sie im Bereich **Meta Pixel & Ads** das Feld **Pixel ID** und speichern Sie.

Wenn Sie Google Tag Manager einsetzen, laden Sie FlowConsent nicht über GTM (es käme zu spät): Platzieren Sie das Snippet im Feld Header **oberhalb** des GTM-Containers. Details im [Google-Consent-Mode-Leitfaden](/de/doc/google-consent-mode).

> [!NOTE]
> Die Checkout-Seiten von Squarespace unterstützen keine Code Injection: Das Banner erscheint dort nicht, Besucher treffen ihre Wahl auf der Website vor dem Bezahlvorgang. Das Feld für die Bestellbestätigungsseite ist kein Ort für Tracker, die die Einwilligung umgehen.

## Installation überprüfen

1. Öffnen Sie die veröffentlichte Website in einem privaten Fenster, außerhalb des Editors: Das Banner erscheint.
2. Im Tab **Netzwerk** der Entwicklertools geht vor dem Klick auf **Akzeptieren** keine Anfrage an Drittanbieter raus.
3. Starten Sie den [Einrichtungsassistenten](/de/doc/setup-wizard) (Builder → Integration): Er prüft die Live-Seite (Loader mit dem richtigen Lizenzcode vorhanden, Consent-Mode-Stub vorhanden und vor jedem Google-Tag platziert).
4. Schließen Sie mit einem Ablehnungs-Scan aus dem Tab **Konformität** ab ([Konformitätsprüfung](/de/doc/compliance-verification)).

## Mit Ihrem KI-Agenten erledigen (MCP)

FlowConsent bietet einen offiziellen MCP-Server, `https://mcp.flowconsent.com`, nutzbar aus Claude, ChatGPT oder jedem MCP-Client. Die Verbindung erfolgt per OAuth 2.0 mit Ihrem FlowConsent-Konto, ohne API-Schlüssel. Ihr Agent ruft das Snippet und die Platzierungshinweise ab (`get_banner_snippet`, `get_setup_instructions`), überprüft die Installation mit einem echten Scan (`verify_consent_compliance`) und kann eine wiederkehrende Überwachung einrichten (`monitor_compliance`). Das Einfügen in Squarespace erledigen Sie selbst: Der MCP-Server liefert Snippet, Anleitung und Überprüfung.

Beispielanfrage:

> Gib mir das Code-Snippet meines Banners für meine Squarespace-Website und prüfe, ob es auf https://meinewebsite.de korrekt installiert ist

Mehr dazu: [MCP-Server](/de/doc/mcp-server) und [FlowConsent für KI-Agenten](/de/mcp).

## Häufige Fragen

### Ich finde Code Injection nicht. Warum?

Wahrscheinlich enthält Ihr Tarif die Funktion nicht: Code Injection ist den Tarifen Core, Plus und Advanced sowie einigen älteren Tarifen vorbehalten. Bei einer Website in Version 7.0 suchen Sie außerdem unter **Website Tools** statt unter **Custom Code**.

### Kann ich statt Code Injection einen Code-Block auf einer Seite verwenden?

Nein. Ein Code-Block erscheint im Body einer einzelnen Seite: zu spät und nicht überall. Das Snippet muss im `<head>` jeder Seite stehen, und das garantiert nur das Feld Header.

### Soll ich das Cookie-Banner von Squarespace behalten?

Nein. Zwei Banner würden zwei widersprüchliche Entscheidungen erfassen. Schalten Sie das Squarespace-Banner unter **Cookies & Data Privacy** ab, sobald FlowConsent installiert ist.

### Google Analytics sendet nach einer Ablehnung weiterhin Daten.

Die ID ist vermutlich noch unter **Developer tools → External API keys** eingetragen, sodass Squarespace das Skript selbst einbindet. Leeren Sie dieses Feld und hinterlegen Sie Google Analytics unter **Builder → Services**.