# Cookie Notice Manager

### Introduction

Le **Cookie Notice Manager** vous permet de revoir, modifier et publier votre liste de cookies sur votre site web.

### Gérer les informations sur les cookies

Les cookies sont organisés en trois listes :

1. **Nouveau** – récemment détectés, **non examinés**.
2. **Actifs** – validés par vous, prêts à être affichés dans la notice.
3. **Ignorés** – (facultatif) Vous pouvez y placer les cookies que vous ne souhaitez pas voir apparaître dans votre cookie notice.

{% hint style="success" %}
L’interface du cookie manager reflète en temps réel l’état actuel de votre site. Lorsque vous actualisez la page, la section « New » peut contenir des cookies qui viennent d’être détectés il y a quelques secondes.
{% endhint %}

Chaque entrée peut être modifiée (✎) pour ajuster le fournisseur, la catégorie, le type de stockage, le domaine, la durée et la description.\
Vous pouvez également ajouter des cookies personnalisés ou activer/désactiver ceux qui existent déjà.

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2Fgit-blob-3ff1e91a25f48bca226b5b9f8bd2b24e31a5a274%2Fimage.png?alt=media" alt="" width="329"><figcaption></figcaption></figure>

> Conservez les cookies internes dans *Ignorés* pour éviter leur réapparition lors des analyses futures.

| **Nom**                     | <p>Nom du cookie, par ex. \_ga<br>\*En cas de plusieurs cookies (plus de 3) avec un motif commun, ils sont regroupés par motifs</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | <ul><li>tag client-side</li><li>Chrome Extension</li></ul>                         |
| --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- |
| **Fournisseur**             | Nom du fournisseur qui utilise le cookie, par ex. Google                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | <ul><li>Cookie Database</li></ul>                                                  |
| **Catégorie**               | Catégorie du cookie donnant une information de haut niveau sur la finalité du cookie, par ex. cookie technique                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | <ul><li>Cookie Database</li></ul>                                                  |
| **Emplacement de stockage** | <p>Emplacement de stockage du cookie (combinaison du type de cookie et du domaine de stockage). Il a l’une des valeurs suivantes :</p><ul><li>1st Party Cookie (<a href="http://www.example.de/">[www.example.de](http://www.example.de)</a>)</li><li>3rd Party Cookie ([www.example.de](http://www.example.de))</li><li>HttpOnly 1st Party Cookie (<a href="http://www.example.de/">[www.example.de](http://www.example.de)</a>)</li><li>HttpOnly 3rd Party Cookie (<a href="http://www.example.de/">[www.example.de](http://www.example.de)</a>)</li><li>localStorage (<a href="http://www.example.de/">[www.example.de](http://www.example.de)</a>)</li><li>sessionStorage (<a href="http://www.example.de/">[www.example.de](http://www.example.de)</a>)</li></ul><p>Le domaine entre crochets est le domaine où le cookie est stocké. Pour les cookies 1st party, il s’agit du domaine ou sous-domaine du site web. Pour les cookies 3rd party, il s’agit d’un domaine ou sous-domaine 3rd party différent de celui du site web.</p> | <ul><li>tag client-side</li><li>Chrome Extension</li></ul>                         |
| **Durée de stockage**       | <p>Durée de stockage du cookie. Un algorithme est utilisé pour atténuer les imprécisions techniques et optimiser la lisibilité pour les utilisateurs :</p><ul><li>Pour les Session Cookies, il affiche « Session »</li><li>En dessous d’un mois, il affiche en jours, par ex. « 7 days »</li><li>Au-dessus d’un mois, il affiche en mois, par ex. « 13 months »</li><li>Au-dessus de 36 mois, il affiche en années, par ex. « 5 years ».</li><li>Au-dessus de 100 ans, il affiche « Unlimited »</li></ul><p>Le stockage local a toujours la durée « Unlimited » et le stockage de session a toujours la durée « Session ».</p>                                                                                                                                                                                                                                                                                                                                                                                                            | <ul><li>tag client-side</li><li>Chrome Extension</li><li>Cookie Database</li></ul> |
| **Description**             | Description de l’utilisation du cookie, par ex. « Base64 UUID used to identify users on this website to optimise usage across sessions. Used on all pages. »                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | <ul><li>Cookie Database</li></ul>                                                  |
| **Site web**                | <p>Domaine(s) du ou des site(s) web sur lesquels le cookie est analysé.<br>Pour les cookies 1st party, l’URL complète de la dernière analyse est également affichée</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | <ul><li>tag client-side</li><li>Chrome Extension</li></ul>                         |

#### Champs personnalisés et filtres

* Ajoutez des champs personnalisés via Settings (⚙️) pour stocker des informations supplémentaires.
* Filtrez par hôte, langue, type de stockage ou domaine 3rd-party.
* Un curseur de fréquence masque les cookies rares (< 5 % par défaut).

{% hint style="info" %}
Le scanner de cookies ne stocke pas les valeurs des cookies
{% endhint %}

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2Fgit-blob-356e1dc5686ca8deae0436648b9a62a412377865%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

#### Fréquence d’occurrence

Pour tous les types de cookies et de stockage, vous pouvez visualiser le pourcentage de fréquence de détection

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2Fgit-blob-fd4b94bb3ba734f8a06dcb78592f80f1cbcaa26d%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

#### Settings

Besoin de déclarer un nouveau domaine ou d’ajouter une nouvelle langue ?

Vous pouvez le faire directement dans le panneau latéral « settings »

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2Fq3hjATxFP4V5Lg0fGEaU%2Fimage.png?alt=media&#x26;token=32a51f62-895d-4eaf-9bac-0ba7ad2f833e" alt="" width="407"><figcaption></figcaption></figure>

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2F7cAtP41tOqsJmsCoeE8Q%2Fimage.png?alt=media&#x26;token=c33fb857-45f8-487a-a6c8-8b784a0e9a5d" alt="" width="347"><figcaption></figcaption></figure>

#### Marqueur d’exemption

Pour vous aider à voir les cookies exemptés définis avant le consentement, vous pouvez ajouter un marqueur « exempted ». Il suffit d’activer l’interrupteur dédié dans « Cookie Edition »

Cela vous aidera à identifier rapidement les cookies qui peuvent être déposés sans le consentement de l’utilisateur

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FDcD3v2vjNEO7mgTtXTbt%2Fimage.png?alt=media&#x26;token=35010107-959b-46ea-a0b5-bc140af79f05" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FUvrV4iAal9zAjK0iaipI%2Fimage.png?alt=media&#x26;token=b04e5ced-2f21-46d4-87ec-a89be5fd2964" alt="" width="318"><figcaption></figcaption></figure>

#### Translations by IA

Notre fonctionnalité IA peut traduire les descriptions de cookies dans n’importe quelle langue.\
Traduisez toutes les descriptions de vos cookies en un clic.\
\
Vous obtenez jusqu’à 200 traductions gratuites par jour.\
Besoin de plus ? Revenez demain et vous recevrez 200 crédits gratuits supplémentaires !\
\
Pour traduire tous vos cookies, utilisez l’option « Settings » (une seule langue cible à la fois).

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FO212d31wGVn0kqEXlW41%2Fimage.png?alt=media&#x26;token=d6ee068d-5601-46e8-ae3f-e88afe117df7" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2F3FM2WngSLce7hBTyXDBh%2Fimage.png?alt=media&#x26;token=575c18c4-ecc4-4462-8f9c-7e83a37e9daf" alt=""><figcaption></figcaption></figure>

Vous avez besoin de traduire un seul cookie dans de nombreuses langues ?\
Alors utilisez la fonction « Edit Cookie » :

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FnmNXwn2whDiTNvJhP5AV%2Fimage.png?alt=media&#x26;token=112f7199-0b97-4f88-9ce5-84077619a436" alt=""><figcaption></figcaption></figure>

Notre outil traduira vos cookies pour toutes les langues qui ont une description « empty ».

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FHPviJVkdbvkOw1lEV6vY%2Fimage.png?alt=media&#x26;token=215ce95c-4a1c-4903-8fb5-ac2ab35b25f6" alt=""><figcaption></figcaption></figure>

***

### Gérer la cookie notice

`Health > Realtime Cookie Scanner > Cookie Notice Manager > DEPLOY (Tab)`

Le **DEPLOY** l’onglet est utilisé pour installer, créer et publier la cookie notice sur votre site web.\
Il affiche toutes les versions de la notice existantes ainsi que leur statut.

#### Installer la cookie notice

Une fois les informations sur les cookies configurées dans l’onglet **EDIT** vous pouvez installer la cookie notice en trois formats :

**1. JavaScript Snippet**

Collez le JavaScript snippet sur votre page légale pour générer et afficher automatiquement le tableau de la liste des cookies.

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2Fgit-blob-02f2510e3bf21979ba8e99894e06ef167cba388e%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

**2. HTML Table (recommandé)**

Le tableau HTML est la méthode d’installation recommandée pour une cookie notice dynamique.\
Créez un emplacement réservé `<div>` dans votre CMS et utilisez le modèle de tag « TRUST | Install Cookie Notice » dans votre Web Container.\
Les deux doivent partager le même ID (par ex. `ca-slot--cookie-notice`).

**Endpoint du fichier HTML :**

```
https://cdn.tagcommander.com/cookie-scanner/<site_id>/v1/cookies-<language_code>.html
```

* **site\_id** = votre ID de site Commanders Act (par ex. 1234)
* **language\_code** = langue de la cookie notice (par défaut = `en`)

> ℹ️ Le tableau HTML utilise un balisage sémantique accessible et hérite du CSS de votre site.\
> Vous pouvez personnaliser entièrement son style avec votre propre feuille de style.

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2Fgit-blob-f584e40576b15c467a9139783af7efb179539b8a%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

**3. JSON API**

Pour les cas d’usage avancés ou personnalisés, la JSON API renvoie les informations sur les cookies dans un format structuré qui peut être utilisé dans des applications web ou natives.

**Endpoint du fichier JSON :**

```
https://cdn.tagcommander.com/cookie-scanner/<site_id>/v1/cookies-<language_code>.json
```

* **site\_id** = votre ID de site Commanders Act
* **language\_code** = code de langue (par ex. `fr`, `en`)

{% hint style="info" %}
Par défaut, tous les cookies sont listés, mais il est également possible de gérer une cookie notice par site web
{% endhint %}

***

#### Créer une nouvelle version

Cliquez sur **NOUVELLE VERSION** pour générer une nouvelle cookie notice basée sur les cookies actifs actuels.\
Vous pouvez ajouter un commentaire interne pour décrire les changements.

#### Prévisualiser une version

Utilisez la **Bouton Play (▶️)** pour prévisualiser n’importe quelle version.\
L’aperçu n’applique pas le style de votre site.

#### Exporter une version

Cliquez sur le **icône de téléchargement (⬇️)** pour exporter toutes les localisations en `HTML`, `JSON`, `CSV`, ou `XLSX`.\
Chaque langue est incluse dans un fichier distinct (ou un onglet dans XLSX).

#### Déployer une version

Appuyez sur **DEPLOY** pour publier une version de la cookie notice sur votre site.\
Vous pouvez également revenir à une version précédente si nécessaire.

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2Fgit-blob-de8cefcebd61865b181b10b83002f55aadf23b67%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

***

### Libellés et significations

| Libellé            | Signification                                                                                                         |
| ------------------ | --------------------------------------------------------------------------------------------------------------------- |
| **scanned**        | Détecté lors de sessions utilisateur réelles.                                                                         |
| **new**            | Cookie nouvellement détecté, en attente de révision.                                                                  |
| **missing**        | Cookie déjà vu, non analysé depuis plus d’un mois                                                                     |
| **before-consent** | Cookie défini avant le consentement de l’utilisateur.                                                                 |
| **inferred**       | Le cookie 3rd-party a été déduit via la cookie database à partir d’une requête provenant d’un domaine 3rd-party connu |
| **custom**         | Enregistrement de cookie créé manuellement.                                                                           |

***

### Alertes et intégrations

* Alertes instantanées (< 60 s) sur les cookies nouveaux ou non conformes.
* Configurables par langue et par niveau de gravité.
* Intégrations : Email, Webhook, Slack, Microsoft Teams.

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2Fgit-blob-8a6f3dc55b469e30656ba7b6f81a855b67094cef%2Fimage.png?alt=media" alt="" width="375"><figcaption></figcaption></figure>