CookiePilot

Installez CookiePilot et conditionnez chaque traceur au consentement

Chargez d’abord le stub de consentement par défaut, puis la bannière, et enfin vos traceurs. Choisissez la voie qui correspond à la façon dont vos scripts sont chargés.

Commencer gratuitement Lire la documentation

Choisissez votre méthode d’installation

1Méthode

Directement dans le <head>

Recommandé lorsque GA4 ou Meta sont injectés par des extensions et que vous voulez un seul endroit pour les contrôler.

Étapes

1Collez le stub de consentement par défaut tout en haut du <head>, chaque catégorie sur denied.
2Ajoutez le script de la bannière CookiePilot juste après le stub.
3Déplacez GA4, Meta et les autres traceurs sous la bannière et ne les chargez qu’après le consentement.
4Redéployez et rechargez sans cache pour que le nouvel ordre soit servi.

2Méthode

Via Google Tag Manager

Recommandé lorsque vos balises vivent déjà dans un conteneur GTM.

Étapes

1Gardez le stub de consentement par défaut dans le <head>, avant le conteneur GTM.
2Chargez le loader CookiePilot une seule fois : soit directement après le stub de consentement par défaut dans le <head>, soit comme une unique balise HTML personnalisé sur le déclencheur Consent Initialization. Jamais les deux.
3Conditionnez chaque balise GTM au consentement correspondant, pour que rien ne se déclenche avant Accepter.
4À noter : GTM ne contrôle pas les traceurs chargés en dehors de lui par les extensions du CMS. Faites-les passer dans GTM ou bloquez-les directement.

3Méthode

Extension ou module CMS

Recommandé uniquement lorsqu’une intégration CookiePilot documentée existe pour votre plateforme précise et que vous préférez une configuration depuis le panneau d’administration.

Étapes

1Confirmez d’abord qu’une intégration CookiePilot documentée existe pour votre plateforme ; sinon, utilisez plutôt les instructions directes dans le <head> ou via GTM.
2Vérifiez le code source généré de la page : le stub de consentement par défaut et la bannière CookiePilot doivent apparaître avant les traceurs. Si l’ordre est incorrect, corrigez-le avec le guide direct.
3Vérifiez chaque extension d’analytique ou de marketing distincte : chacune doit encore lire le consentement CookiePilot avant de se charger.
4Désactivez toute extension qui déclenche ses propres scripts sans vérifier le consentement.

4Méthode

Sources mixtes

Recommandé lorsque les traceurs proviennent de plusieurs endroits à la fois (thème, extensions, GTM, balises codées en dur).

Étapes

1Recensez chaque source de script : thème, extensions, GTM et balises codées en dur.
2Ne gardez qu’un seul stub de consentement par défaut et un seul loader cookiepilot.js sur toutes les sources, et supprimez tout doublon pour que rien ne se charge deux fois.
3Conditionnez chaque source à la bonne catégorie de consentement.
4Réanalysez après chaque changement pour repérer un nouveau script glissé sans blocage.

Exemples de code sûrs

Collez ces blocs dans l'ordre indiqué. Remplacez les espaces réservés YOUR_* par vos valeurs.

Ordre de chargement correct

1Collez le stub de consentement par défaut tout en haut du <head>, chaque catégorie sur denied.
2Ajoutez le script de la bannière CookiePilot juste après le stub.
3Déplacez GA4, Meta et les autres traceurs sous la bannière et ne les chargez qu’après le consentement.

1. consent-default stub

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){ dataLayer.push(arguments); }
  gtag('consent', 'default', {
    ad_storage: 'denied',
    analytics_storage: 'denied',
    ad_user_data: 'denied',
    ad_personalization: 'denied',
    functionality_storage: 'denied',
    personalization_storage: 'denied',
    security_storage: 'granted',
    wait_for_update: 500,
  });
</script>

2. CookiePilot banner

<script async
  src="https://cdn.cookiepilot.io/cookiepilot.js"
  data-cpkey="YOUR_SITE_KEY"
></script>

3. GA4

<script>
  window.addEventListener('cookiepilot:consent', function(event) {
    var consent = event.detail || {};
    if (!consent.analytics || window.__cookiepilotGa4Loaded) return;
    window.__cookiepilotGa4Loaded = true;
    var ga = document.createElement('script');
    ga.async = true;
    ga.src = 'https://www.googletagmanager.com/gtag/js?id=' +
      encodeURIComponent('YOUR_GA4_ID');
    ga.onload = function() {
      gtag('js', new Date());
      gtag('config', 'YOUR_GA4_ID');
    };
    document.head.appendChild(ga);
  });
</script>

3. GTM

<script>
  (function(w,d,s,l,i){
    w[l]=w[l]||[];
    w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
    var f=d.getElementsByTagName(s)[0],j=d.createElement(s),
      dl=l!='dataLayer'?'&l='+l:'';
    j.async=true;
    j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
    f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','YOUR_GTM_ID');
</script>

Installer la bannière ne bloque pas vos scripts à elle seule

CookiePilot affiche la bannière et enregistre le consentement, mais ne peut pas bloquer en silence des scripts qu’il ne contrôle pas. Tout traceur chargé par un thème, une extension ou une balise GTM continue de se déclencher tant que vous ne le conditionnez pas au consentement. Traitez chaque source séparément et confirmez qu’elle reste muette avant le consentement.

Vérifiez dans une session propre

Avant le consentement
Ouvrez le site dans une nouvelle fenêtre privée. Avant de cliquer sur quoi que ce soit, aucun script d’analytique ou de marketing ne doit s’exécuter et aucun cookie non essentiel ne doit être déposé.
Après Refuser
Cliquez sur Refuser. Rechargez et confirmez que les traceurs ne se chargent toujours pas et qu’aucun cookie non essentiel n’apparaît.
Après Accepter
Cliquez sur Accepter. Confirmez que les traceurs se chargent désormais et que leurs cookies apparaissent, conformes aux catégories acceptées.

Prêt à installer en quelques minutes ?

Créez un projet, copiez votre clé de site et conditionnez chaque traceur à un consentement réel.

Commencer gratuitement Lire la documentation