Bloquer les scripts et les contenus intégrés

Blocage automatique

Cookiemark connaît les scripts et les contenus intégrés des services courants. Quand l’un d’eux apparaît sur votre page, le script le bloque jusqu’à ce que le visiteur autorise sa catégorie. Vous n’avez rien à configurer : cela fonctionne dès que le script est placé en premier dans votre head.

Le script surveille la page de deux façons, car aucune ne détecte tout à elle seule.

• Il intercepte les scripts créés par un autre code. Quand un tel script reçoit l’adresse d’un service connu, Cookiemark change son type avant qu’il soit ajouté : le navigateur ne l’exécute jamais.
• Il surveille tout ce que le navigateur ajoute à la page pendant la lecture de votre HTML. Un script connu reçoit un type que le navigateur n’exécute pas, et un cadre connu perd son adresse jusqu’à l’accord du visiteur.

Quand le visiteur autorise la catégorie, Cookiemark exécute à nouveau les scripts bloqués, dans leur ordre d’origine. Un script externe termine son chargement avant que le suivant commence, si bien que le code qui en dépend fonctionne toujours.

Les services reconnus par Cookiemark

Lorsque Google Consent Mode est en mode avancé, les trois services Google ci-dessus ne sont pas bloqués. Ils se chargent tout de suite et suivent eux-mêmes l’état du consentement. La page Google Consent Mode v2 explique la différence.

Désactiver un service

Ouvrez le site, puis Cookies, et regardez sous Services. Chaque service a un interrupteur. Quand vous en désactivez un, ses scripts et ses cadres se chargent sans demander. Ne le faites que pour un service qui ne dépose aucun cookie et ne collecte rien, ou que vous bloquez par un autre moyen.

Vos propres règles

Pour un service que nous ne connaissons pas, ajoutez une règle sous Cookies, Vos propres règles. Une règle se compose d’un morceau de texte et d’une catégorie. Tout script ou cadre dont l’adresse contient ce texte attend cette catégorie. Choisissez un fragment propre au service, comme widget.example-chat.com, pour ne pas bloquer d’autres scripts par erreur.

Marquer un script vous-même

Vous pouvez marquer n’importe quel script de votre HTML pour qu’il attende le consentement. Remplacez son type par text/plain et ajoutez data-cookiemark avec la catégorie. Le navigateur n’exécute pas un script de ce type, et Cookiemark l’exécute dès que la catégorie est autorisée.

<script type="text/plain" data-cookiemark="statistics"
  src="https://analytics.example.com/tracker.js"></script>

Les scripts inline fonctionnent de la même façon. Le blocage automatique ne regarde que les adresses : un extrait inline a donc toujours besoin de ce balisage.

<script type="text/plain" data-cookiemark="marketing">
  // This code runs once the visitor allows marketing.
  startMyPixel('1234567');
</script>

Pour un script qui doit s’exécuter comme module, ajoutez data-cmk-type="module". Cookiemark donne ce type au script au moment de l’exécuter.

<script type="text/plain" data-cookiemark="statistics"
  data-cmk-type="module" src="/js/stats.js"></script>

Combiner des catégories

L’attribut accepte une catégorie ou une combinaison de catégories.

Les catégories sont preferences, statistics et marketing. Un script marqué necessary s’exécute tout de suite.

Le balisage du plugin et de Cookiebot

Cookiemark lit aussi data-cookieconsent à la place de data-cookiemark. C’est l’attribut du plugin CookieConsent et de Cookiebot. Les scripts et les cadres que vous avez marqués pour l’un ou l’autre continuent de fonctionner après le changement.

Iframes et autres contenus intégrés

Une vidéo, une carte ou une publication intégrée d’un service connu est traitée comme un script. Cookiemark retire son adresse, masque le cadre et affiche un espace réservé à sa place. L’espace réservé indique la catégorie et comporte un bouton qui l’autorise.

Pour bloquer un cadre que Cookiemark ne connaît pas, mettez son adresse dans data-src au lieu de src et ajoutez la catégorie.

<iframe data-src="https://www.youtube-nocookie.com/embed/VIDEO-ID"
  data-cookiemark="marketing" data-cmk-label="YouTube"
  width="560" height="315" title="Our product in two minutes"></iframe>

L’attribut facultatif data-cmk-label affiche le nom du service sur l’espace réservé. Donnez au cadre une largeur width et une hauteur height : l’espace réservé prend alors la même forme, et la page ne saute pas quand la vidéo se charge. Les images avec data-src et le même attribut sont libérées de la même façon, sans espace réservé.

L’espace réservé

Le bouton de l’espace réservé autorise la catégorie de ce contenu intégré et laisse le reste du choix du visiteur tel quel. C’est un vrai choix : il est enregistré et consigné dans le journal comme les autres. Les cadres que personne ne voit, comme un pixel de suivi d’un pixel sur un, n’ont pas d’espace réservé. Ils restent bloqués, sans espace réservé.

Vous pouvez modifier les textes de l’espace réservé sous Textes. Le texte contient %s à l’endroit où vient le nom de la catégorie.

Quand un visiteur retire son consentement

Un script déjà exécuté ne peut pas être arrêté. Quand un visiteur désactive une catégorie qu’il avait autorisée, Cookiemark recharge donc la page par défaut. Avant le rechargement, il supprime les cookies de cette catégorie qui figurent dans votre liste des cookies, sur votre domaine et ses domaines parents. Vous pouvez désactiver le rechargement sous Paramètres.

Les cookies qu’un tiers a déposés sur son propre domaine sont hors de portée de tout script de votre site. Ils expirent d’eux-mêmes.

Ce que le blocage dans le navigateur ne peut pas empêcher

Cookiemark s’exécute dans le navigateur du visiteur : il ne peut agir que sur ce qui se passe après son démarrage. Gardez ces limites en tête.

• Un script placé au-dessus de la ligne Cookiemark s’exécute avant que Cookiemark existe. Gardez la ligne en première position dans le head.
• Un script inline sans src n’est jamais reconnu automatiquement. Marquez-le vous-même.
• Une requête qu’un script a déjà envoyée ne peut pas être annulée. C’est pourquoi un retrait du consentement recharge la page.
• Une balise qui s’exécute dans Tag Manager n’est pas un script de votre page. C’est Tag Manager qui décide quand elle s’exécute : donnez-lui donc un déclencheur de consentement.

Une analyse montre ce qui passe encore entre les mailles. Elle liste chaque cookie que vos pages déposent avant le choix du visiteur, et qui le dépose.