Consentl sur Squarespace

Ajoutez Consentl via l’injection de code Squarespace, sortez Google Analytics de l’intégration native, désactivez la bannière Squarespace et voyez ce qui passe avant.

Chargeur en premier dans <head>: Non — lire les limites

Le chargeur peut-il être en premier dans <head> ? Non. Squarespace génère l’injection de code Header après son propre contenu de head (contexte du site, bundles, statistiques Squarespace).

Prérequis

L’injection de code est disponible avec les forfaits Core, Plus et Advanced (et certains anciens forfaits Business / Commerce), mais pas avec Basic (anciennement Personal).
Votre clé du site Consentl, sur la page Configuration de votre site dans le tableau de bord. Ajoutez le nom d’hôte du site dans le champ Domaines ; www. et le domaine nu comptent comme le même site : il est donc inutile d’ajouter www. séparément.

Ce que couvre votre forfait Consentl

Free : bannière, journal des consentements et blocage manuel uniquement.
Pro : ajoute Google Consent Mode v2.
Business : ajoute le blocage automatique des traceurs connus et les règles de blocage que vous ajoutez dans le tableau de bord.

Avec Free et Pro, seules les balises que vous marquez manuellement sont bloquées.

Installation

Ouvrez le panneau Code Injection. Le moyen le plus rapide est de rechercher « Code injection » dans la recherche du tableau de bord Squarespace. Selon la version de votre tableau de bord, il se trouve sous Website → Pages → Custom Code → Code Injection, Settings → Developer tools → Code injection ou Settings → Advanced → Code Injection.
Dans Header, collez le chargeur en première ligne :
```
<script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>
```
Si le site utilise aussi le modèle GTM de Consentl, ajoutez &gcm=ext à l’URL afin que seul le modèle envoie les commandes Consent Mode.
Cliquez sur Save.
Sortez Google Analytics de l’intégration native de Squarespace : supprimez l’ID de mesure de Settings → Developer tools → External API keys (Google Analytics), et ajoutez plutôt GA (gtag.js) ou GTM dans l’injection de code Header, sous la ligne Consentl. La bannière de cookies propre à Squarespace conditionne son intégration native de Google Analytics et les intégrations YouTube. Une fois cette bannière désactivée (étape suivante), Squarespace n’attend plus le consentement, et Consentl ne peut pas bloquer une balise que Squarespace injecte avant lui.
Désactivez la bannière propre à Squarespace dans le panneau Cookies & Data Privacy (/settings/website/cookies) : Cookie banner → off. Une seule bannière de consentement peut être active. Décidez ensuite du réglage Non-essential cookies: Restrict :
- Désactivé : une intégration GA native que vous n’avez pas supprimée s’exécute avant tout consentement.
- Activé : la GA native de Squarespace et ses propres cookies de statistiques ne s’exécutent jamais, même après que le visiteur a accepté dans Consentl (Squarespace : les visiteurs « ne pourront pas donner leur accord »).
- Avec GA déplacé dans l’injection de code (étape 4), Restrict n’affecte plus GA ; ne l’activez que si vous voulez désactiver pour tout le monde les cookies non essentiels propres à Squarespace.
Vérifiez les intégrations YouTube dans les blocs vidéo de Squarespace. Si elles se chargent avant le consentement, remplacez-les par un bloc Code que Consentl bloque :
```
<iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>
```
Facultatif : ajoutez un lien de pied de page avec l’URL #consentl, intitulé « Paramètres des cookies ». Les liens dont l’URL se termine par #consentl ou #consentl-preferences, ainsi que tout élément portant l’attribut data-consentl-open, ouvrent les préférences.
Facultatif : sur votre page de politique relative aux cookies, ajoutez un bloc Code avec la déclaration :
```
<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>
```
Utilisez plutôt data-consentl-request ou data-consentl-withdrawal pour le formulaire de demande relative aux données personnelles ou le formulaire de rétractation UE. Le formulaire de rétractation nécessite le forfait Pro ou supérieur et doit être activé dans le tableau de bord ; sinon, il reste vide.

Vérifier le fonctionnement

Ouvrez le site dans une fenêtre de navigation privée. L’injection de code s’exécute aussi dans l’aperçu de l’éditeur ; si un script s’y comporte mal, utilisez Disable Scripts in Preview ou ajoutez /safe à l’adresse de l’éditeur.

La région du visiteur est déterminée à partir de son adresse IP : Consentl recherche le pays en mémoire à chaque affichage de page (rien n’est enregistré) et applique la règle correspondante de votre tableau de bord. Les États américains ne sont pas distingués : les visiteurs américains reçoivent votre règle pour l’ensemble des États-Unis ou, à défaut, votre première règle d’État américain. Un pays inconnu reçoit votre règle pour les régions inconnues (opt-in par défaut).

Code par page et langues

Code propre à une page : Settings → Advanced → Page Header Code Injection de la page. Il s’ajoute au Header de l’ensemble du site. N’y placez pas le chargeur : conservez un seul chargeur, avec la même URL, sur chaque page.
Squarespace ne propose pas de sites multilingues natifs. Omettez &l= pour utiliser la langue par défaut du tableau de bord.

Limites

Pas en premier dans head. Les scripts propres à Squarespace, y compris Squarespace Analytics, se chargent avant Consentl et ne peuvent pas être bloqués par lui. Restreignez-les si nécessaire avec le réglage « Non-essential cookies » de Squarespace (voir l’étape 5 pour l’effet sur la GA native). Les balises tierces chargées par du code sous la ligne Consentl, ou dans des blocs, sont bloquées lorsqu’il s’agit de traceurs reconnus (à partir du forfait Business) ; avec Free et Pro, seules les balises que vous marquez manuellement sont bloquées.
Balises codées en dur. Un <script src>, un pixel <img> ou une <iframe> écrit dans l’injection de code ou dans un bloc Code est récupéré par le navigateur avant qu’un script ne puisse l’arrêter, même lorsque Consentl l’empêche de s’exécuter. Marquez manuellement ces balises et supprimez les pixels <noscript> :
```
<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">
```
Les balises chargées par du code (GTM, le chargeur JavaScript d’un pixel) sont bloquées sans requête lorsque le blocage automatique est activé.
Les pages du checkout ne prennent pas en charge le code personnalisé ; la bannière n’apparaît pas dans le checkout. Seuls les champs des pages Order Confirmation et Order Status existent.
Les templates de la version 7.0 avec chargement AJAX peuvent ne pas exécuter à nouveau le code lors de la navigation interne. Cela ne pose pas de problème pour le chargeur, qui reste chargé ; la navigation côté client ne fait pas perdre la bannière.

Vous êtes bloqué ? Écrivez à support@consentl.com — nous répondons en anglais les jours ouvrables.