Zum Hauptinhalt springen
Dernière modification : 8 octobre 2025
// translate-ignore “La bannière de consentement aux cookies vous permet d’activer/de désactiver différents scripts d’analytics en fonction des préférences utilisateur.”; Les super administrateurs et utilisateurs disposant d’une autorisation pour modifier les paramètres du site web peuvent personnaliser les bannières de suivi des cookies et de consentement afin de respecter la législation européenne sur les cookies ainsi que le Règlement général sur la protection des données (RGPD). Une bannière de consentement aux cookies permet aux visiteurs d’accepter ou de refuser d’être suivis dans votre compte HubSpot avec des cookies. Cette fonctionnalité s’applique à toutes les pages HubSpot ainsi qu’à toutes les pages externes contenant le code de suivi HubSpot. Personnalisez vos paramètres de suivi des cookies et votre bannière de consentement aux cookies. Dans cet article, découvrez comment gérer les cookies qui sont ajoutés au navigateur d’un visiteur via la bannière de consentement aux cookies. Vous pouvez également découvrir comment utiliser une bannière de consentement aux cookies tiers pour distribuer le consentement, désactiver la collecte du consentement et gérer des fonctionnalités dans HubSpot.

​
Supprimer les cookies

_hsp.push(['revokeCookieConsent']); Supprimez les cookies créés par le code de suivi de HubSpot et figurant dans la bannière de consentement au titre du RGPD, et incluez les cookies HubSpot associés au suivi du visiteur. À la suite de la suppression des cookies, le visiteur verra la bannière de consentement aux cookies sur le prochain chargement de page, car il apparaîtra comme nouveau visiteur. Cette fonction ne supprime pas les cookies placés par des bannières externes à HubSpot. Vous pouvez trouver la liste spécifique des cookies qui seront supprimés dans la base de connaissances de HubSpot. Si le blocage des cookies est activé, cette fonction révoquera le consentement afin que les cookies tiers ne soient pas mis à jour ou supprimés lors de futures visites sur le site web. Le bloc de code ci-dessous fournit un exemple de définition d’un gestionnaire d’événements pour supprimer les cookies lorsque l’utilisateur clique sur un élément (comme un bouton) avec l’élément id removeCookies : 
/*
Example code to remove the consent banner cookies
when a visitor clicks an element with the 'removeCookies' id.
*/

var _hsp = (window._hsp = window._hsp || []);
document.getElementById('removeCookies').onclick = function () {
  _hsp.push(['revokeCookieConsent']);
};
_hsq.push(['doNotTrack']); Placez le cookie __hs_do_not_track dans le navigateur des visiteurs pour empêcher le code de suivi HubSpot d’envoyer des informations pour le visiteur. Vous pouvez supprimer le cookie en appelant à nouveau la fonction et en incluant l’argument {track: true} : _hsq.push(['doNotTrack', {track: true}]); Le bloc de code ci-dessous fournit un exemple de définition d’un gestionnaire d’événements pour supprimer les cookies lorsque l’utilisateur clique sur un élément (comme un bouton) avec l’élément id removeCookies : 
document.getElementById('doNotTrack').onclick = function () {
  _hsq.push(['doNotTrack']);
};

​
Obtenir le statut de consentement pour la confidentialité

_hsp.push(['addPrivacyConsentListener', callbackFunction]); Obtenez le statut de consentement de confidentialité du visiteur actuel. Il existe 3 catégories de consentement qui peuvent être utilisées pour fournir un contrôle plus granulaire à l’utilisateur. Celles-ci ont chacune leurs propres clés dans l’objet consent.categories :
  • consent.categories.analytics
  • consent.categories.advertisement
  • consent.categories.functionality
L’élément callbackFunction sera appelé, en fonction de l’état de la page :
  • Si la bannière n’est pas activée ou si le visiteur a déjà vu la bannière et a cliqué sur Accepter ou Refuser :
    • callbackFunction sera appelé immédiatement si le code de bannière est déjà chargé.
    • callbackFunction sera appelé après le chargement du code de suivi si la fonction est extraite sur _hsp avant le chargement du code de suivi.
  • Si la bannière est activée, la fonction de rappel sera appelée lorsque le visiteur cliquera sur le bouton d’acceptation ou de refus.
Le bloc de code ci-dessous montre comment consigner les différents statuts de consentement de catégorie du visiteur actuel sur la console. 
var _hsp = (window._hsp = window._hsp || []);

// analytics
_hsp.push([
  'addPrivacyConsentListener',
  function (consent) {
    console.log(consent.categories.analytics);
  },
]);

// advertisement
_hsp.push([
  'addPrivacyConsentListener',
  function (consent) {
    console.log(consent.categories.advertisement);
  },
]);

// functionality
_hsp.push([
  'addPrivacyConsentListener',
  function (consent) {
    console.log(consent.categories.functionality);
  },
]);

// or it can all be done in one call
_hsp.push([
  'addPrivacyConsentListener',
  function (consent) {
    console.log(`analytics: ${consent.categories.analytics}`);
    console.log(`advertisement: ${consent.categories.advertisement}`);
    console.log(`functionality: ${consent.categories.functionality}`);
  },
]);

​
Cookies non basés sur la catégorie

_hsp.push(['addPrivacyConsentListener', callbackFunction]); Permet d’obtenir le statut de consentement de confidentialité true ou false du visiteur actuel. L’élément callbackFunction sera appelé, en fonction de l’état de la page :
  • Si la bannière n’est pas activée ou si le visiteur a déjà vu la bannière et a cliqué sur Accepter ou Refuser :
    • callbackFunction sera appelé immédiatement si le code de bannière est déjà chargé.
    • callbackFunction sera appelé après le chargement du code de suivi si la fonction est extraite sur _hsp avant le chargement du code de suivi.
  • Si la bannière est activée, la fonction de rappel sera appelée lorsque le visiteur cliquera sur le bouton d’acceptation ou de refus.
Le bloc de code ci-dessous montre comment consigner le statut de consentement du visiteur actuel sur la console. 
var _hsp = (window._hsp = window._hsp || []);
_hsp.push([
  'addPrivacyConsentListener',
  function (consent) {
    if (consent.allowed) {
      console.log('something');
    }
  },
]);
La propriété callbackFunction accepte un objet consent comme seul argument. L’objet consent possède une propriété unique allowed qui sera true si :
  • La bannière de consentement aux cookies n’est pas activée ou est activée en mode de notification uniquement.
  • Le visiteur clique sur Accepter sur la bannière lorsque le mode d’inscription est activé.
  • Le visiteur a précédemment cliqué sur Accepter sur la bannière lorsque le mode d’inscription est activé.
La propriété sera false si la bannière de consentement est activée en mode d’inscription et que le visiteur clique ou a déjà cliqué sur le bouton de refus.

​
Permettre aux visiteurs du site web de gérer leur consentement

Appelez la fonction showBanner pour faire resurgir la bannière, ce qui permettra aux visiteurs du site web de modifier leurs préférences en matière de consentement. Par exemple : 
​​var _hsp = window._hsp = window._hsp || [];
​​_hsp.push(['showBanner']);
Le comportement de showBanner varie en fonction de la stratégie et n’est disponible que pour les stratégies d’inscription et de cookies par catégorie. Pour les stratégies d’inscription, l’appel showBanner entraînera la réapparition de la bannière, comme illustré dans la vidéo ci-dessous : Pour les stratégies de cookies par catégorie, l’appel showBanner entraînera la réapparition de la fenêtre modale de sélection de chaque catégorie, comme illustré dans la vidéo ci-dessous :

​
Exemples d’IU

Cette fonctionnalité peut être mise à la disposition des visiteurs sous la forme de boutons/liens sur votre site web qu’ils peuvent utiliser pour rouvrir la bannière et modifier leurs préférences. Voici des exemples avec code.

​
Bouton

Un bouton, souvent placé dans le pied de page d’un site web.
  • HTML
  • CSS
<button
  type="button"
  id="hs_show_banner_button"
  onClick="(function(){
        var _hsp = window._hsp = window._hsp || [];
        _hsp.push(['showBanner']);
      })()"
>
  Cookie Settings
</button>

​
Bouton à position fixe

Un bouton avec un positionnement fixe en bas de l’écran. Ce type de bouton a l’avantage d’être facilement disponible et facile à trouver, tout en étant peu envahissant pour l’expérience utilisateur.
  • HTML
  • CSS
<button
  id="hs-hud-cookie-settings"
  onClick="(function(){
      var _hsp = window._hsp = window._hsp || [];
      _hsp.push(['showBanner']);
    })()"
>
  Cookie Settings
</button>

​
Lien

Un lien ou un texte surligné.
  • HTML
  • CSS
<a
  id="hs-cookie-settings-link"
  onClick="(function(){
      var _hsp = window._hsp = window._hsp || [];
      _hsp.push(['showBanner']);
    })()"
>
  Cookie Settings
</a>

​
Bloquer manuellement les cookies tiers

La bannière de consentement HubSpot prend en charge la gestion manuelle des technologies de suivi et des cookies tiers. Il est recommandé d’utiliser une méthode manuelle si vous avez un site web complexe et/ou un développeur web dédié. Si le blocage automatique ne fonctionne pas pour votre site, le blocage manuel est également une bonne option. Le blocage manuel est mis en œuvre via l’API d’auditeur de consentement pour la bannière de cookies, comme décrit dans les sections ci-dessous. Cette API est utilisée pour empêcher les technologies de suivi de s’exécuter tant qu’elles n’ont pas obtenu de consentement.

​
Utilisation générale

Si vous souhaitez installer un script de suivi sur votre site web pour afficher des publicités ciblées pour les visiteurs. Vous pouvez utiliser quelque chose comme ci-dessous : <script src=”https://my.advertisement.script.com/ads”></script> Lorsque ce script est collé dans le HTML d’en-tête d’une page sur un site web, il s’exécute chaque fois qu’une personne visite cette page, quel que soit son statut de consentement. Des cookies seront placés sur le navigateur des visiteurs sans leur consentement. Pour empêcher l’exécution du script sans consentement, vous pouvez utiliser l’API HubSpot d’auditeur de consentement pour la bannière de cookies pour installer le script lorsque le visiteur a consenti à ses cookies. Les auditeurs de consentement sont des fonctions qui s’exécutent chaque fois qu’un visiteur donne son consentement. Pour utiliser cette fonctionnalité, il faut créer un auditeur de consentement qui ajoute le script à la page si le visiteur a consenti aux cookies publicitaires. 
<script>
 var _hsp = window._hsp = window._hsp || [];
_hsp.push(['addPrivacyConsentListener', (consent) => {
if (consent.categories.advertisement) {
const script = document.createElement('script');
        	script.src = "https://my.advertisement.script.com/ads";
        	document.head.appendChild(script)
}
}])
</script>
Ce script enregistrera l’auditeur de consentement avec la bannière de cookies. Lorsque le consentement aux cookies est soumis, l’auditeur de consentement s’exécutera et ajoutera le script des publicités tierces de HubSpot à la page.

​
Exemple : Google Tag

Google Tag ou gtag.js peut être utilisé pour ajouter Google Analytics. Par exemple : 
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){window.dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'GA_TRACKING_ID');
</script>
Pour charger Google Analytics lorsque le consentement analytique a été donné, le script gtag doit être ajouté lorsque le consentement est donné : 
<!-- Google tag (gtag.js) -->
<script>
     var _hsp = window._hsp = window._hsp || [];
    _hsp.push(['addPrivacyConsentListener', (consent) => {
    if (consent.categories.analytics) {
        const script = document.createElement('script');
          script.src = "https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID";
          script.async = 'true'
          document.head.appendChild(script)
      }
    }])
</script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'GA_TRACKING_ID');
</script>

​
Exemple : HotJar

HotJar est un autre exemple de suivi analytique. Par exemple : 
<!-- Hotjar Tracking Code -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:HOT_JAR_ID,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
Pour garantir que HotJar s’exécute lorsque le consentement analytique est donné, l’auditeur de consentement peut être ajouté. 
<!-- Hotjar Tracking Code -->
<script>
var _hsp = window._hsp = window._hsp || [];
_hsp.push(['addPrivacyConsentListener', (consent) => {
	if (consent.categories.analytics){
(function(h,o,t,j,a,r){
        		h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        		h._hjSettings={hjid:HOT_JAR_ID,hjsv:6};
        		a=o.getElementsByTagName('head')[0];
        		r=o.createElement('script');r.async=1;
        		r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        		a.appendChild(r);
    		})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
}

}])
</script>

​
Consentement aux cookies tiers

Dans la section ci-dessous, découvrez comment utiliser une bannière de consentement aux cookies tiers pour :
  • Distribuer le consentement
  • Désactiver la collecte du consentement
  • Gérer les fonctionnalités dans HubSpot

​
Désactiver la bannière de cookies HubSpot

Pour désactiver l’affichage de la bannière de cookies HubSpot, incluez le code ci-dessous dans un script situé en haut du HTML de l’en-tête de votre page. La gestion du consentement sera également désactivée. 
window.disableHubSpotCookieBanner = true;

​
Définir le statut de consentement de la bannière de cookies HubSpot

Définissez la valeur de consentement pour tous les produits HubSpot, tiers ou personnalisés intégrés avec la bannière de cookies HubSpot. Cette fonction prend un objet spécifiant le statut de consentement du visiteur, enregistre cette valeur en tant que statut de consentement actuel et distribue ce consentement à tous les scripts auxquels sont associés des auditeurs de consentement. Cette valeur n’est pas enregistrée dans les cookies de consentement gérés par la bannière de cookies. La préservation du statut de consentement d’une session à l’autre incombe à l’appelant de cette fonction. La fonction accepte un objet de consentement avec les champs suivants :
Nom du champTypeDescription
analyticsBooléenAutorise l’utilisation de cookies pour recueillir des données analytiques auprès des visiteurs du site web.
advertisementBooléenAutorise l’utilisation de cookies pour permettre la diffusion de publicités personnalisées au visiteur.
functionalityBooléenAutorise l’utilisation de cookies pour les fonctionnalités nécessaires au fonctionnement de votre site web (par exemple, l’authentification).
Le bloc de code d’exemple ci-dessous initialise toutes les valeurs de consentement en true. 
window._hsp = window._hsp || [];
window._hsp.push([
  'setHubSpotConsent',
  {
    analytics: true,
    advertisement: true,
    functionality: true,
  },
]);
Exemple : utilisation d’une bannière de cookies tiers pour contrôler les cookies HubSpot Le script et le bloc de code suivants fournissent un exemple d’envoi d’événement personnalisé en cas de changement du statut de consentement. Veuillez noter que la fonctionnalité que vous souhaitez implémenter pour votre cas d’utilisation spécifique peut différer de l’exemple de code ci-dessous. Consultez toute documentation tierce (par exemple, la présentation de la gestion du consentement des utilisateurs de Google) pour plus d’informations sur la façon d’adapter le comportement aux besoins de votre site web. 
CustomEvent('thirdPartyConsentEvent', {
  detail: {
    analytics: true,
    advertisement: true,
    functionality: true,
  },
});
Le script suivant doit être placé en haut du HTML de l’en-tête de la page. 
<script>
  // disable the hubspot cookie banner window.disableHubSpotCookieBanner = true
  // listen for the third party consent event and send consent to HubSpot
  window._hsp = window._hsp || [];
  document.addEventListener("thirdPartyConsentEvent", (e) =>{' '}
  {window._hsp.push([
    'setHubSpotConsent',
    {
      analytics: e.detail.analytics,
      advertisement: e.detail.advertisement,
      functionality: e.detail.functionality,
    },
  ])}
  )
</script>
⌘I