Consentl op Squarespace

Voeg Consentl toe met code injection, haal Google Analytics uit de ingebouwde integratie, schakel de cookiebanner van Squarespace uit en zie wat eerst draait.

Loader als eerste in <head>: Nee — lees de beperkingen

Kan de loader als eerste in <head> staan? Nee. Squarespace plaatst de Header-code injection na de eigen head-inhoud (sitecontext, bundels, Squarespace-analyse).

Vereisten

Code injection is beschikbaar bij de abonnementen Core, Plus en Advanced (en sommige oudere Business- / Commerce-abonnementen), niet bij Basic (voorheen Personal).
Uw Consentl-sitesleutel, op de pagina Installatie van uw site in het dashboard. Voeg de hostnaam van de site toe in het veld Domeinen; www. en het kale domein tellen als dezelfde site, dus u hoeft www. niet apart toe te voegen.

Wat uw Consentl-plan omvat

Free: alleen banner, toestemmingslogboek en handmatige blokkering.
Pro: voegt Google Consent Mode v2 toe.
Business: voegt automatische blokkering van bekende trackers toe en de blokkeerregels die u in het dashboard toevoegt.

Bij Free en Pro worden alleen tags tegengehouden die u handmatig markeert.

Installeren

Open het paneel Code Injection. De snelste manier is zoeken op "Code injection" in de zoekfunctie van het dashboard. Afhankelijk van de versie van uw dashboard staat het onder Website → Pages → Custom Code → Code Injection, Settings → Developer tools → Code injection of Settings → Advanced → Code Injection.
Plak de loader in Header als eerste regel:
```
<script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>
```
Als de site ook het GTM-sjabloon van Consentl gebruikt, voeg dan &gcm=ext toe aan de URL, zodat alleen het sjabloon Consent Mode-opdrachten verstuurt.
Klik op Save.
Haal Google Analytics uit de ingebouwde integratie van Squarespace: verwijder de metings-ID uit Settings → Developer tools → External API keys (Google Analytics) en voeg in plaats daarvan GA (gtag.js) of GTM toe in de Header-code injection onder de Consentl-regel. De eigen cookiebanner van Squarespace schermt de ingebouwde Google Analytics-integratie en YouTube-embeds af. Zodra die banner uit staat (volgende stap), wacht Squarespace niet meer op toestemming, en Consentl kan een tag die Squarespace vóór Consentl invoegt niet tegenhouden.
Schakel de eigen banner van Squarespace uit in het paneel Cookies & Data Privacy (/settings/website/cookies): Cookie banner → off. Er mag maar één toestemmingsbanner actief zijn. Bepaal daarna Non-essential cookies: Restrict:
- Uit: een ingebouwde GA-integratie die u niet hebt verwijderd, wordt vóór enige toestemming uitgevoerd.
- Aan: de ingebouwde GA van Squarespace en de eigen analysecookies ervan worden nooit uitgevoerd, ook niet nadat de bezoeker in Consentl accepteert (Squarespace: bezoekers "kunnen zich niet aanmelden" ("won't be able to opt in")).
- Met GA verplaatst naar code injection (stap 4) heeft Restrict geen invloed meer op GA; zet het alleen aan als u de eigen niet-essentiële cookies van Squarespace voor iedereen uit wilt hebben.
Controleer YouTube-embeds in videoblokken van Squarespace. Als ze vóór de toestemming laden, vervang ze dan door een Code-blok dat Consentl tegenhoudt:
```
<iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>
```
Optioneel: voeg een footerlink toe met de URL #consentl en het label "Cookie-instellingen". Links waarvan de URL eindigt op #consentl of #consentl-preferences, en elk element met het attribuut data-consentl-open, openen de voorkeuren.
Optioneel: voeg op de pagina met uw cookiebeleid een Code-blok toe met de verklaring:
```
<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>
```
Gebruik in plaats daarvan data-consentl-request of data-consentl-withdrawal voor het formulier voor privacyverzoeken of het EU-herroepingsformulier. Het herroepingsformulier vereist het plan Pro of hoger en moet in het dashboard worden ingeschakeld; anders blijft het leeg.

Controleren of het werkt

Open de site in een privévenster. Code injection wordt ook uitgevoerd in de preview van de editor; als een script zich daar vreemd gedraagt, gebruik dan Disable Scripts in Preview of voeg /safe toe aan het adres van de editor.

De regio van de bezoeker wordt afgeleid uit het IP-adres: Consentl zoekt bij elke paginaweergave het land op in het geheugen (er wordt niets opgeslagen) en past uw regel daarvoor uit het dashboard toe. Amerikaanse staten worden niet van elkaar onderscheiden: bezoekers uit de VS krijgen uw regel voor de hele VS of, als die er niet is, uw eerste regel voor een Amerikaanse staat. Voor een onbekend land geldt uw regel voor onbekende regio's (standaard opt-in).

Code per pagina en talen

Paginaspecifieke code: Settings → Advanced → Page Header Code Injection van de pagina. Die wordt toegevoegd naast de sitebrede Header. Plaats de loader daar niet: houd één loader, met dezelfde URL, op elke pagina.
Squarespace heeft geen native meertalige sites. Laat &l= weg om de standaardtaal uit het dashboard te gebruiken.

Beperkingen

Niet als eerste in head. De eigen scripts van Squarespace, waaronder Squarespace Analytics, laden vóór Consentl en kunnen er niet door worden geblokkeerd. Beperk ze zo nodig met de instelling "Non-essential cookies" van Squarespace (zie stap 5 voor het effect op de ingebouwde GA). Tags van derden die door code worden geladen onder de Consentl-regel, of in blokken, worden tegengehouden als het herkende trackers zijn (plan Business en hoger); bij Free en Pro worden alleen tags tegengehouden die u handmatig markeert.
Vaste tags. Een <script src>, <img>-pixel of <iframe> die in code injection of een Code-blok staat, wordt door de browser opgehaald voordat een script hem kan tegenhouden, ook als Consentl voorkomt dat hij wordt uitgevoerd. Markeer zulke tags handmatig en verwijder <noscript>-pixels:
```
<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">
```
Tags die door code worden geladen (GTM, de JavaScript-loader van een pixel), worden zonder verzoek tegengehouden wanneer automatische blokkering aan staat.
Checkoutpagina's ondersteunen geen custom code; de banner verschijnt niet binnen de checkout. Er zijn alleen velden voor de pagina's Order Confirmation en Order Status.
Sjablonen van versie 7.0 met AJAX-laden voeren code bij navigatie binnen de site mogelijk niet opnieuw uit. Dat is geen probleem voor de loader, die geladen blijft; bij navigatie aan de clientkant gaat de banner niet verloren.

Vastgelopen? Schrijf naar support@consentl.com — wij antwoorden op werkdagen in het Engels.