Bloquer Google Analytics 4 avant consentement

État de consentement par défaut, avant tout script Google

<!-- À placer AVANT le chargement de gtag.js ou du conteneur GTM -->
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){ dataLayer.push(arguments); }

  gtag('consent', 'default', {
    ad_storage: 'denied',
    ad_user_data: 'denied',
    ad_personalization: 'denied',
    analytics_storage: 'denied',
    functionality_storage: 'granted',
    security_storage: 'granted',
    wait_for_update: 2000
  });
</script>

Les quatre premiers signaux doivent être « denied ». Sans cet appel préalable, les outils Google partent du principe que le consentement est acquis.

Mise à jour au moment du choix de l'utilisateur

// À appeler quand le visiteur valide son choix dans votre bandeau.
function appliquerChoix(accepte) {
  gtag('consent', 'update', {
    ad_storage: accepte ? 'granted' : 'denied',
    ad_user_data: accepte ? 'granted' : 'denied',
    ad_personalization: accepte ? 'granted' : 'denied',
    analytics_storage: accepte ? 'granted' : 'denied'
  });
}

Neutraliser le script tant que le consentement n'est pas donné

<!-- Le navigateur n'exécute pas un script de type "text/plain". -->
<script type="text/plain" data-categorie="marketing"
        src="https://google-analytics.com/…"></script>

<script>
  // Appelé uniquement après acceptation de la catégorie concernée.
  function activerCategorie(categorie) {
    document
      .querySelectorAll('script[type="text/plain"][data-categorie="' + categorie + '"]')
      .forEach(function (balise) {
        var actif = document.createElement('script');
        for (var i = 0; i < balise.attributes.length; i++) {
          var a = balise.attributes[i];
          if (a.name !== 'type' && a.name !== 'data-categorie') {
            actif.setAttribute(a.name, a.value);
          }
        }
        actif.text = balise.text;
        balise.parentNode.replaceChild(actif, balise);
      });
  }
</script>

Technique universelle, indépendante de toute plateforme de consentement : le script existe dans la page mais n'est jamais exécuté avant l'accord.