Commencer gratuitementTableau de bord
Documentation

Les cookies et la liste des cookies

La liste des cookies indique aux visiteurs à quoi ils consentent. Cette page explique où la liste apparaît, comment la garder complète, et ce que Cookiemark enregistre sur l’appareil du visiteur.

À quoi sert la liste

Chaque site dans Cookiemark a une liste des cookies qu’il dépose. Chaque cookie a une catégorie, un fournisseur, une finalité et une durée de conservation. Vous la trouvez dans l’onglet Cookies du site. La liste a deux rôles.

  • Elle informe le visiteur. Dans la fenêtre des préférences, chaque catégorie affiche le nombre de cookies qu’elle contient. Le visiteur peut déplier cette ligne et lire ce que fait chaque cookie. Vous pouvez masquer ces lignes avec Afficher les cookies dans les préférences dans l’onglet Apparence.
  • Elle fait le ménage après un retrait. Quand un visiteur désactive une catégorie, Cookiemark supprime les cookies de cette catégorie qui figurent dans la liste. Un astérisque dans un nom remplace n’importe quels caractères : _ga_* couvre ainsi tous les cookies qui commencent par _ga_.

La liste ne décide pas de ce qui est bloqué. Le blocage porte sur les scripts et les cadres, comme l’explique la page Bloquer les scripts et les contenus intégrés.

Remplir la liste

Depuis une analyse

Le plus rapide est de lancer une analyse. Elle parcourt vos pages, relève chaque cookie trouvé et propose une catégorie, un fournisseur et une finalité pour chacun de ceux qu’elle reconnaît. Cochez les cookies voulus et ajoutez-les à la liste en une seule fois.

Depuis un service

Cliquez sur Ajouter depuis un service et choisissez l’un des 73 services dont nous connaissons les cookies, comme Google Analytics ou le pixel Meta. Cookiemark ajoute les cookies que ce service dépose, avec une description rédigée pour les visiteurs.

À la main

Cliquez sur Ajouter un cookie et remplissez cinq champs : le nom, la catégorie, le fournisseur, la finalité et la durée de conservation. Rédigez la finalité pour un visiteur, pas pour un développeur. « Compte le nombre de personnes qui consultent chaque page » lui en dit plus que « identifiant client GA4 ».

Les modifications de la liste sont mises en ligne quand vous publiez, comme toutes les autres modifications.

Cookiemark dépose un seul cookie, cookiemark_consent. Il contient le choix du visiteur, un ID de consentement aléatoire et l’heure du choix. Il est nécessaire, car sans lui le site ne peut pas se souvenir d’un refus, et il figure toujours en tête de votre liste.

La durée de vie du cookie est celle que vous avez définie sous Régions, Redemander après : 6, 12 ou 13 mois. La valeur par défaut est de six mois. Quand il expire, le bandeau pose de nouveau la question.

Le cookie se trouve sur votre propre domaine. Cookiemark ne dépose aucun cookie sur son propre domaine, ni aucun cookie de suivi. Certains visiteurs se trouvent hors des pays où vous affichez le bandeau. Pour eux, le script mémorise cette réponse dans le stockage de session de l’onglet du navigateur, pas dans un cookie.

Cookiemark rédige votre politique relative aux cookies à partir de la liste des cookies : voir Documents. Placez-la sur une page de votre site, puis saisissez l’adresse de cette page sous Paramètres, Liens et comportement. Le bandeau et la fenêtre des préférences renvoient alors vers elle. Saisissez l’adresse de votre politique de confidentialité dans le champ voisin, et ils renvoient aussi vers cette page.

Depuis cette page ou depuis votre pied de page, donnez aux visiteurs un moyen de revenir sur leur choix. Un lien vers #cookiemark-preferences ouvre la fenêtre des préférences.

<a href="#cookiemark-preferences">Cookie settings</a>

Le petit bouton dans le coin de la page fait la même chose. Vous l’activez ou le désactivez sous Apparence, Bouton de réouverture.

Safari et la limite de sept jours

Safari conserve au maximum sept jours un cookie écrit par un script. Passé ce délai, les visiteurs sous Safari revoient le bandeau, quelle que soit la durée que vous avez fixée pour le cookie. Un cookie déposé par votre propre serveur n’est pas limité de cette façon.

Pour conserver le choix pendant toute la durée prévue, donnez à Cookiemark un chemin sur votre propre site qui dépose le cookie. Saisissez-le sous Paramètres, Déposer le cookie depuis votre propre serveur, par exemple /cookie.php. Après chaque choix, le script envoie une requête POST à ce chemin avec le choix en JSON. Votre serveur répond en déposant cookiemark_consent avec le même contenu.

<?php
// cookie.php on your own site: stores the Cookiemark choice as a first-party cookie.
$data = json_decode(file_get_contents('php://input'), true);
if (!is_array($data) || !isset($data['v'], $data['id'], $data['ts'])) {
    http_response_code(400);
    exit;
}
$choice = [
    'necessary'   => true,
    'preferences' => ($data['preferences'] ?? false) === true,
    'statistics'  => ($data['statistics'] ?? false) === true,
    'marketing'   => ($data['marketing'] ?? false) === true,
    'v'           => (int) $data['v'],
    'id'          => preg_replace('/[^0-9a-f-]/i', '', (string) $data['id']),
    'ts'          => (int) $data['ts'],
];
setcookie('cookiemark_consent', json_encode($choice), [
    'expires'  => time() + 182 * 86400, // the same period as "Ask again after"
    'path'     => '/',
    'secure'   => true,
    'httponly' => false, // the Cookiemark script has to read it
    'samesite' => 'Lax',
]);
http_response_code(204);

Trois points sont importants. Le cookie ne doit pas être HttpOnly, car le script le lit. Sa valeur doit être le JSON du choix, encodé au format URL, ce que PHP fait pour vous. Et l’expiration doit correspondre à Redemander après. Testez dans Safari après la publication, et considérez l’exemple ci-dessus comme un point de départ, pas comme du code prêt à l’emploi.

La liste sur votre page de politique relative aux cookies

Votre politique relative aux cookies doit indiquer aux visiteurs quels cookies votre site utilise. Placez cette ligne sur la page, à l’endroit où la liste doit apparaître :

<div data-cookiemark-declaration></div>

Sur WordPress avec notre plugin, utilisez plutôt le shortcode [cookiemark_declaration]. Il accepte les mêmes options sous forme d’attributs, comme [cookiemark_declaration category="marketing"] ou text="false". Pour un lien dans votre pied de page qui ouvre les paramètres des cookies, utilisez [cookiemark_settings].

Le script y insère une courte explication sur les cookies et la base légale de chaque type, le choix actuel du visiteur avec son ID de consentement et la date, ainsi que le domaine auquel ce choix s’applique. Des boutons permettent au visiteur de le modifier ou de le retirer. Suit un tableau par catégorie, avec le nombre de cookies qu’elle contient et, pour chaque cookie, son nom, son fournisseur, sa finalité, son expiration et son type : cookie HTTP, stockage local, stockage de session ou pixel. Il utilise la langue du visiteur et vos propres textes pour les catégories, et il indique la date de la dernière publication de la liste.

Vous définissez le type de chaque cookie dans son panneau de modification, dans l’onglet Cookies. Les cookies issus d’une analyse sont des cookies HTTP. Notre propre politique relative aux cookies utilise cette liste : vous pouvez la voir à l’œuvre sur cette page.

Comme la liste vient de ce que vous publiez, elle n’est jamais en retard sur votre bandeau. Deux attributs modifient ce qu’elle affiche :

AttributRôle
data-text="false"Uniquement le choix et les tableaux, sans l’explication, pour une page où vous rédigez la vôtre.
data-status="false"Omet le choix du visiteur et les boutons.
data-category="marketing"Une seule catégorie : necessary, preferences, statistics ou marketing.

Sur une page qui ajoute l’élément après son chargement, appelez Cookiemark.renderDeclaration() une fois qu’il est présent.