Consentl

Installer Consentl sur votre plateforme

Choisissez votre plateforme et suivez le guide. Chacun explique comment installer et connecter Consentl, ce qu’il faut configurer, comment vérifier que tout fonctionne et ce que la plateforme ne permet pas.

Comment les éléments s’articulent

Tableau de bord
Sur app.consentl.com. C’est là que vous concevez la bannière, choisissez vos régions, vérifiez les cookies et les textes, et retrouvez vos enregistrements de consentement et vos demandes relatives aux données personnelles.
Clé du site
Un identifiant public qui commence par sk_ et indique à Consentl les paramètres de quel site utiliser. Ce n’est pas un mot de passe.
Chargeur
Un script, en premier dans <head>. Il applique le choix du visiteur, bloque les balises qui attendent le consentement et affiche la bannière si nécessaire.
Plugin ou extrait de code
Les plugins ajoutent le chargeur pour vous et transmettent chaque choix aux paramètres de consentement propres à votre plateforme. Sur tout autre site, vous collez vous-même l’extrait de code.

Avant de commencer (toutes les plateformes sauf Shopify)

  1. Créez un compte gratuit sur app.consentl.com et ajoutez votre site avec chaque nom d’hôte sur lequel il fonctionne (www et le domaine nu comptent pour un seul ; ajoutez les domaines de préproduction séparément). Commencer gratuitement
  2. Copiez la clé du site depuis la page Configuration du site. Elle commence par sk_ et est publique : elle identifie votre site, ce n’est pas un mot de passe.
  3. Les plugins peuvent récupérer la clé pour vous grâce à leur bouton « Se connecter à Consentl ». Sinon, collez-la ou ajoutez vous-même le script de chargement.
  4. Les boutiques Shopify utiliseront plutôt l’application Consentl pour Shopify, qui ne nécessite pas de clé du site. Elle sera bientôt disponible. Application Shopify (bientôt disponible)

Shopify

  • Shopify

    L’application Consentl pour Shopify arrive bientôt : intégration au thème sans code ni clé du site, qui transmet chaque choix à la Customer Privacy API de Shopify.

Plugins pour plateformes

  • WordPress

    Installez le plugin Consentl, connectez-vous et la bannière se charge en premier dans <head>. Compatible WP Consent API, caches de pages, WPML, Polylang et tous thèmes.

  • WooCommerce

    Les boutiques WooCommerce utilisent le plugin WordPress Consentl : l’attribution des commandes reste désactivée jusqu’à l’accord marketing. Compatible cache de pages.

  • Shopware 6

    Le plugin Consentl pour Shopware 6.6 et 6.7 place la bannière en premier dans <head>, remplace la barre de cookies et synchronise les groupes de cookies.

  • PrestaShop

    Module Consentl pour PrestaShop 8 et 9 : bannière en premier dans <head>, pages de confidentialité prêtes à l’emploi, shortcodes, widgets, multiboutique et module RGPD.

  • Magento 2

    Module Consentl pour Magento et Adobe Commerce 2.4.6 à 2.4.8 : chargeur juste après <meta charset>, passerelle Cookie Restriction Mode, widgets CMS. Luma et Hyvä.

Tout site web

  • Tout site web (extrait de code)

    Ajoutez une balise script en premier dans <head>. Bannière, textes, régions, Consent Mode et règles de blocage se configurent dans le tableau de bord Consentl.

  • Google Tag Manager

    Un modèle Google Tag Manager, importé manuellement, qui définit Consent Mode v2 par région et, à partir de Pro, transmet chaque choix à vos balises Google.

Créateurs de sites web

  • Webflow

    Ajoutez le chargeur Consentl au Head code du site Webflow, transmettez le choix à Webflow Analyze et découvrez ce que « pas en premier dans head » implique.

  • Wix

    Ajoutez Consentl en code personnalisé Wix, passez le suivi par les Marketing Integrations, transmettez chaque choix au Consent Policy Manager et connaissez les limites.

  • 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.

  • BigCommerce

    Installez Consentl sur BigCommerce via le Script Manager ou le thème Stencil (blocage préalable strict), gardez le checkout conforme PCI et utilisez-le avec Catalyst.

  • Ghost

    Ajoutez Consentl à Ghost via l’injection de code, ou dans le thème pour un chargeur vraiment en premier dans <head>, et voyez ce que Consentl ne bloque pas.

  • Framer

    Ajoutez Consentl avec le code personnalisé « Start of <head> tag » de Framer, exécuté avant les scripts de Framer, et remplacez le composant Cookie Banner.

Frameworks

  • Next.js

    Placez Consentl en premier dans <head> du layout racine (App Router), chargez les autres balises via un composant ConsentlScript, ou utilisez _document (Pages Router).

  • Nuxt

    Ajoutez le chargeur Consentl à Nuxt 3 et 4 avec app.head et tagPriority 0, afin qu’il soit rendu avant tous les autres scripts.

  • Astro

    Ajoutez le chargeur Consentl au layout de base Astro avec is:inline, pour qu’Astro ne l’intègre pas dans un module différé. Compatible view transitions (ClientRouter).

  • React, Vue, Angular (SPA)

    Placez le chargeur Consentl dans index.html, et non dans un composant, pour les applications monopages créées avec Vite, Create React App ou Angular CLI.