Bloquer HubSpot avant consentement

Charger le widget au clic plutôt qu'au chargement

<button type="button" id="ouvrir-chat">Discuter avec nous</button>

<script>
  document.getElementById('ouvrir-chat').addEventListener('click', function () {
    if (window.__chatCharge) return;
    window.__chatCharge = true;
    var s = document.createElement('script');
    s.src = 'https://hubspot.com/…';
    s.async = true;
    document.head.appendChild(s);
  }, { once: true });
</script>

Le service reste disponible pour qui en a besoin, sans être imposé à tous les visiteurs. Le confort d'usage est intact.

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://hubspot.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.