Consentl auf Squarespace

Consentl per Code Injection in Squarespace einbinden, Google Analytics aus der Integration lösen, das Cookie-Banner von Squarespace abschalten, Reihenfolge prüfen.

Loader als erstes im <head>: Nein – Einschränkungen lesen

Kann der Loader als erstes im <head> stehen? Nein. Squarespace gibt die Header-Code-Injection nach seinen eigenen Head-Inhalten aus (Site-Kontext, Bundles, Squarespace Analytics).

Voraussetzungen

Code Injection ist in den Tarifen Core, Plus und Advanced verfügbar (und in einigen älteren Business- / Commerce-Tarifen), nicht in Basic (früher Personal). Die Menüpunkte von Squarespace sind unten mit ihren englischen Bezeichnungen angegeben.
Ihr Consentl-Website-Schlüssel, auf der Seite Einrichtung Ihrer Website im Dashboard. Tragen Sie den Hostnamen der Website im Feld Domains ein; www. und die Domain ohne www zählen als dieselbe Website, www. muss also nicht separat hinzugefügt werden.

Was Ihr Consentl-Tarif abdeckt

Free: Banner, Einwilligungsprotokoll und nur manuelle Blockierung.
Pro: ergänzt Google Consent Mode v2.
Business: ergänzt die automatische Blockierung bekannter Tracker und die Blockierungsregeln, die Sie im Dashboard hinzufügen.

In den Tarifen Free und Pro werden nur Tags zurückgehalten, die Sie manuell markieren.

Installation

Öffnen Sie den Bereich Code Injection. Am schnellsten suchen Sie in der Dashboard-Suche nach „Code injection“. Je nach Version Ihres Dashboards finden Sie ihn unter Website → Pages → Custom Code → Code Injection, Settings → Developer tools → Code injection oder Settings → Advanced → Code Injection.
Fügen Sie unter Header den Loader als erste Zeile ein:
```
<script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>
```
Wenn die Website auch die Consentl-Vorlage für GTM verwendet, hängen Sie &gcm=ext an die URL an, damit nur die Vorlage Consent-Mode-Befehle sendet.
Klicken Sie auf Save.
Lösen Sie Google Analytics aus der integrierten Anbindung von Squarespace: Entfernen Sie die Mess-ID unter Settings → Developer tools → External API keys (Google Analytics) und fügen Sie GA (gtag.js) oder GTM stattdessen in der Header-Code-Injection unterhalb der Consentl-Zeile ein. Das eigene Cookie-Banner von Squarespace steuert dessen integrierte Google-Analytics-Anbindung und YouTube-Einbettungen. Sobald dieses Banner aus ist (nächster Schritt), wartet Squarespace nicht mehr auf eine Einwilligung, und Consentl kann ein Tag, das Squarespace vor ihm einfügt, nicht zurückhalten.
Schalten Sie das eigene Banner von Squarespace im Bereich Cookies & Data Privacy (/settings/website/cookies) ab: Cookie banner → off. Es darf nur ein Einwilligungsbanner aktiv sein. Entscheiden Sie dann über Non-essential cookies: Restrict:
- Aus: Eine integrierte GA-Anbindung, die Sie nicht entfernt haben, läuft vor jeder Einwilligung.
- An: Das integrierte GA von Squarespace und seine eigenen Statistik-Cookies laufen nie, auch nicht, nachdem der Besucher in Consentl akzeptiert hat (Squarespace: Besucher „won't be able to opt in“).
- Wenn GA in die Code Injection verschoben ist (Schritt 4), wirkt sich Restrict nicht mehr auf GA aus; schalten Sie es nur ein, wenn Sie die eigenen nicht notwendigen Cookies von Squarespace für alle abschalten möchten.
Prüfen Sie YouTube-Einbettungen in Video-Blöcken von Squarespace. Wenn sie vor der Einwilligung geladen werden, ersetzen Sie sie durch einen Code-Block, den Consentl zurückhält:
```
<iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>
```
Optional: Fügen Sie einen Footer-Link mit der URL #consentl und der Beschriftung „Cookie-Einstellungen“ hinzu. Links, deren URL auf #consentl oder #consentl-preferences endet, und jedes Element mit dem Attribut data-consentl-open öffnen die Einstellungen.
Optional: Fügen Sie auf Ihrer Seite mit der Cookie-Richtlinie einen Code-Block mit der Erklärung hinzu:
```
<div data-consentl-declaration data-api="https://api.consentl.com" data-key="SITE_KEY" data-locale="en"></div>
<script src="https://api.consentl.com/v1/blocks.js" defer></script>
```
Verwenden Sie stattdessen data-consentl-request oder data-consentl-withdrawal für das Formular für Datenschutzanfragen oder das EU-Widerrufsformular. Das Widerrufsformular erfordert den Tarif Pro oder höher und muss im Dashboard aktiviert werden; andernfalls bleibt es leer.

Prüfen, ob es funktioniert

Öffnen Sie die Website in einem privaten Fenster. Code Injection läuft auch in der Vorschau des Editors; wenn sich ein Skript dort falsch verhält, verwenden Sie Disable Scripts in Preview oder hängen Sie /safe an die Adresse des Editors an.

Die Region des Besuchers ergibt sich aus seiner IP-Adresse: Consentl ermittelt das Land bei jedem Seitenaufruf im Arbeitsspeicher (nichts wird gespeichert) und wendet Ihre Dashboard-Regel dafür an. US-Bundesstaaten werden nicht unterschieden: Besucher aus den USA erhalten Ihre Regel für die gesamten USA oder, ohne eine solche, Ihre erste Regel für einen US-Bundesstaat. Ein unbekanntes Land erhält Ihre Regel für unbekannte Regionen (standardmäßig Opt-in).

Code pro Seite und Sprachen

Seitenspezifischer Code: Settings → Advanced → Page Header Code Injection der Seite. Er wird zusätzlich zum websiteweiten Header eingefügt. Setzen Sie den Loader nicht dort ein: Behalten Sie einen Loader mit derselben URL auf jeder Seite.
Squarespace hat keine nativen mehrsprachigen Websites. Lassen Sie &l= weg, um die Standardsprache aus dem Dashboard zu verwenden.

Einschränkungen

Nicht als erstes im Head. Die eigenen Skripte von Squarespace, einschließlich Squarespace Analytics, werden vor Consentl geladen und können von ihm nicht blockiert werden. Beschränken Sie sie bei Bedarf mit der Einstellung „Non-essential cookies“ von Squarespace (zur Auswirkung auf das integrierte GA siehe Schritt 5). Per Code geladene Tags von Drittanbietern unterhalb der Consentl-Zeile oder in Blöcken werden zurückgehalten, wenn es erkannte Tracker sind (ab Tarif Business); in den Tarifen Free und Pro werden nur manuell markierte Tags zurückgehalten.
Fest eingetragene Tags. Ein <script src>, <img>-Pixel oder <iframe>, das in der Code Injection oder einem Code-Block steht, wird vom Browser abgerufen, bevor ein Skript es aufhalten kann, auch wenn Consentl seine Ausführung verhindert. Markieren Sie solche Tags manuell und entfernen Sie <noscript>-Pixel:
```
<script type="text/plain" data-consentl="marketing" src="https://ads.example.com/tag.js"></script>
<iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>
<img data-consentl="marketing" data-src="https://tracker.example.com/pixel.gif" alt="" width="1" height="1">
```
Per Code geladene Tags (GTM, der JavaScript-Loader eines Pixels) werden ohne Anfrage zurückgehalten, wenn die automatische Blockierung aktiv ist.
Checkout-Seiten unterstützen keinen Custom Code; das Banner erscheint nicht im Checkout. Es gibt nur die Felder für die Seiten Order Confirmation und Order Status.
Templates der Version 7.0 mit AJAX-Laden führen Code bei der Navigation innerhalb der Website möglicherweise nicht erneut aus. Für den Loader ist das unproblematisch, da er geladen bleibt; bei clientseitiger Navigation geht das Banner nicht verloren.

Kommen Sie nicht weiter? Schreiben Sie an support@consentl.com – wir antworten an Werktagen auf Englisch.