Comment ajouter un bandeau cookies à un site Squarespace

Où coller la balise dans Squarespace

L’injection de code de Squarespace imprime du HTML personnalisé sur chaque page. Dans l’éditeur du site, ouvrez le panneau « Pages », cliquez sur « Custom Code » (code personnalisé) en bas du panneau, puis sur « Code Injection » (injection de code). Collez la balise tout en haut du champ « Header » et cliquez sur « Enregistrer » :

html
<script src="https://cookiequiet.com/cq.js" data-site="YOUR_SITE_KEY" data-consent-mode="1" data-auto-block="1" defer></script>

Squarespace documente que le champ Header est injecté dans le head de chaque page, et que l’injection de code est disponible sur les offres Core, Plus, Advanced et certaines offres historiques (Business et Commerce). Les offres Basic et Personal ne l’incluent pas. Les pages de paiement n’exécutent pas le code personnalisé.

Le bandeau et les cookies de mesure d’audience propres à Squarespace

Squarespace livre son propre bandeau cookies et sa propre mesure d’audience. Les deux demandent un changement de réglage :

1. Ouvrez le panneau « Cookies & Data Privacy » (sous « Settings », puis « Website » ; les anciens articles d’aide l’appellent « Cookies & Visitor Data ») et désactivez l’interrupteur « Cookie banner », pour que les visiteurs ne voient qu’un seul bandeau.
2. Sous « Advanced Privacy settings », réglez « Non-essential Cookies » sur « Restrict » (restreindre) et enregistrez.

La seconde étape compte. Squarespace Analytics identifie les visiteurs avec ses propres cookies (ss_cid, ss_cpvisit, ss_cvr pendant deux ans ; ss_cvisit, ss_cvt pendant 30 minutes). Ils sont déposés par le code de Squarespace, pas par une balise que vous pourriez marquer, et Squarespace ne documente aucun moyen pour un bandeau tiers de les activer après le consentement. Avec Restrict, Squarespace cesse de les déposer pour tout le monde ; Squarespace Analytics compte alors moins de visiteurs, c’est le prix d’un bandeau externe sur cette plateforme. Les cookies nécessaires (crumb, CART, Locked, _ssid, _dd_s) restent et ont leur place sous Nécessaires dans votre tableau des cookies.

Comment gérer les balises que Squarespace charge à votre place

• Google Analytics. L’ID de mesure saisi sous « Developer tools », puis « External API keys » est imprimé par Squarespace, et Squarespace lie sa gestion du consentement à son seul bandeau (son article d’aide invite à voir avec votre prestataire si vous utilisez une plateforme de consentement tierce). Retirez l’ID à cet endroit et collez la balise Google dans le champ Header sous la balise Cookiequiet, marquée avec type="text/plain" data-cq-category="analytics", ou précédée du bloc de consentement par défaut de Google, comme l’explique le guide Google Analytics 4.
• Pixel Meta. Squarespace précise lui-même que son bandeau ne désactive pas l’intégration du pixel Meta. Collez plutôt le code de base du pixel dans le champ Header, marqué data-cq-category="marketing", comme dans le guide Meta Pixel.
• Champ Footer. Le code du champ Footer est injecté avant la balise body fermante, après la balise Cookiequiet : le marquage y fonctionne aussi.
• Contenus embarqués. Dans un bloc Code ou un bloc Embed, écrivez les iframes avec data-cq-src au lieu de src pour que le lecteur attende le consentement.

Comment ajouter le lien Préférences de cookies

Modifiez le pied de page, ajoutez un lien texte libellé « Préférences de cookies » et réglez son lien sur #cq-preferences ; Squarespace conserve les liens d’ancre tels quels. Si votre mise en page s’y prête mal, ajoutez un bloc Code contenant <a href="#cq-preferences" data-cq-show-preferences>Cookie preferences</a>, ou activez le bouton flottant de préférences dans les réglages du bandeau.

Comment tester

1. Ouvrez le site dans une fenêtre de navigation privée et cliquez sur « Tout refuser ».
2. Vérifiez les cookies dans les outils de développement : cq_consent, crumb et les autres cookies nécessaires ; pas de _ga, pas de _fbp, et pas de ss_cvr si Restrict est actif.
3. Effacez les cookies, cliquez sur « Tout accepter », rechargez : les balises marquées s’exécutent.
4. Ouvrez le registre des consentements dans le tableau de bord Cookiequiet.

Si l’éditeur du site devient pénible à utiliser après l’ajout du code, Squarespace permet de désactiver le code personnalisé pendant l’édition ; cela n’affecte pas les visiteurs.

Ce qui est propre à Squarespace

• Offre. L’injection de code exige Core ou plus (ou une offre historique Business ou Commerce) ; sur Basic ou Personal, la balise ne peut pas être ajoutée.
• Paiement. Le code personnalisé ne s’exécute pas sur les pages de paiement, le bandeau n’y est donc pas affiché ; les cookies de commerce sont nécessaires.
• Squarespace Analytics. Attendez-vous à moins de visiteurs dans les rapports de Squarespace une fois les cookies non essentiels restreints ; le registre des consentements et une balise de mesure d’audience chargée après consentement vous donnent les vrais chiffres.
• Les versions 7.0 et 7.1 utilisent le même panneau Code Injection.