> For the complete documentation index, see [llms.txt](https://doc.commandersact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.commandersact.com/fr/fonctionnalites/consent-management/user-guides/privacy-banners/manage-banner.md).

# Gérer la bannière

## Gérer la bannière

Options pour créer et modifier les modèles de bannière.`Sources > Bannières de confidentialité`

### Création d’une bannière de confidentialité <a href="#creating-privacy-banner" id="creating-privacy-banner"></a>

Cliquez sur `AJOUTER UNE BANNIÈRE DE CONFIDENTIALITÉ` en haut à droite de l’interface pour ajouter une nouvelle bannière à votre compte. Chaque modèle propose les options suivantes :

| Champ                                             | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| ------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Nom**                                           | Libellé de la bannière utilisé dans l’interface.                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| **Modèle**                                        | Liste déroulante pour sélectionner un modèle pour cette bannière.                                                                                                                                                                                                                                                                                                                                                                                                                   |
| **Hébergement**                                   | Méthode d’hébergement utilisée pour cette bannière (voir [Déployer la bannière](/fr/fonctionnalites/consent-management/user-guides/privacy-banners/deploy-banner.md)).                                                                                                                                                                                                                                                                                                              |
| **Durée du consentement**                         | Durée pendant laquelle le cookie de consentement est valide. Après cette durée, le cookie de consentement n’est plus valide et une nouvelle bannière sera présentée à l’utilisateur. Il est possible de configurer une durée en mois entiers entre 1 et 13 mois. Cela n’a aucun impact sur la durée de stockage du consentement dans la base de données Commanders Act Consent.                                                                                                     |
| **Utiliser le nouveau centre de confidentialité** | Cette option permet d’utiliser l’ancien modèle de centre de confidentialité des Commanders Act Consent Banners. Cette option permet d’utiliser du CSS personnalisé et du JS personnalisé qui ont été créés pour les anciens modèles de bannière. Si vous n’êtes pas sûr(e) qu’une bannière a été personnalisée, veuillez vérifier auprès de votre consultant Commanders Act ou du support avant de créer un nouveau modèle. Cette option n’est pas disponible sur tous les modèles. |

Exemple : configuration des options d’une bannière de confidentialité.

<figure><img src="/files/b71624dc6b5f9dd97771dd724b0e04db4942bf06" alt="" width="455"><figcaption></figcaption></figure>

### **Mettre à jour la bannière de confidentialité** <a href="#update-privacy-banner" id="update-privacy-banner"></a>

Vous pouvez ouvrir et modifier les paramètres de la bannière de confidentialité via l’ `engrenage` icône en haut à gauche de l’interface.

{% hint style="warning" %}
La modification des modèles de bannière peut ne pas fonctionner pour les modèles de bannière de confidentialité personnalisés. Veuillez contacter votre consultant Commanders Act ou le support si vous n’êtes pas sûr(e) que votre bannière a été personnalisée avant d’utiliser cette option.
{% endhint %}

<figure><img src="/files/41d1561e3ca70844e4c0e091ee7692ee33818c5f" alt=""><figcaption></figcaption></figure>

### Personnaliser le contenu de la bannière <a href="#customise-banner-content" id="customise-banner-content"></a>

`Sources > Bannières de confidentialité (onglet MODIFIER LA BANNIÈRE)`

#### Options de personnalisation de la bannière <a href="#options-for-banner-customisation" id="options-for-banner-customisation"></a>

Tous les modèles de bannière peuvent être personnalisés avec un éditeur WYSIWYG. Les options suivantes sont disponibles pour toutes les bannières (sauf les modèles IAB TCF et Popin with Categories).

{% tabs %}
{% tab title="CONTENU" %}
Options pour gérer le contenu textuel principal de votre bannière.

* Contenu : texte (prend en charge le formatage HTML et les liens).
* Couleur de la police : couleur du texte.
* Couleur d’arrière-plan : couleur de fond de la zone de contenu.
  {% endtab %}

{% tab title="BOUTON" %}
Options pour gérer jusqu’à trois boutons.

* Libellé : texte du bouton.
* Couleur de la police : couleur du texte du bouton.
* Couleur d’arrière-plan : couleur de fond du bouton.
* Action du bouton : action effectuée par le bouton (par ex. optin à toutes les catégories ou ouvrir le centre de confidentialité).
* Position du bouton : permet de placer le bouton en haut/en bas de la bannière. Un seul bouton peut être placé en haut.
  {% endtab %}

{% tab title="CSS PERSONNALISÉ" %}
CSS personnalisé pouvant être utilisé par des utilisateurs avancés pour personnaliser le style de la bannière. **Ce CSS est appliqué globalement à votre site web ; évitez d’utiliser des sélecteurs globaux et utilisez plutôt l’attribut HTML ID des éléments de la bannière.**
{% endtab %}

{% tab title="JS PERSONNALISÉ" %}
Options de personnalisation avancées. Veuillez contacter votre consultant Commanders Act ou le support avant de les utiliser.
{% endtab %}
{% endtabs %}

Les changements doivent être enregistrés avec le `SAVE` bouton.

#### Options de personnalisation du centre de confidentialité <a href="#options-for-privacy-center-customisation" id="options-for-privacy-center-customisation"></a>

Les options suivantes sont disponibles pour le centre de confidentialité et les modèles "Popin with categories".

{% tabs %}
{% tab title="EN-TÊTE" %}
Options pour gérer le texte de l’en-tête de votre centre de confidentialité.

* Titre : texte.
* Couleur de la police : couleur du texte.
* Couleur d’arrière-plan : couleur de fond de la zone d’en-tête.
  {% endtab %}

{% tab title="CONTENU" %}
Options pour gérer le contenu textuel principal de votre bannière.

* Introduction aux catégories : texte d’introduction de l’onglet catégories (prend en charge le formatage HTML et les liens)
* Introduction aux vendors : texte d’introduction de l’onglet vendors (prend en charge le formatage HTML et les liens, visible uniquement si IAB TCF 2.0 ou des vendors personnalisés ont été activés)
* Couleur de la police : couleur du texte.
* Couleur d’arrière-plan : couleur de fond de la zone de contenu.
  {% endtab %}

{% tab title="CATÉGORIES" %}
Options pour gérer les catégories de confidentialité du centre de confidentialité. Ces catégories sont basées sur les catégories gérées dans la `Categories & Tags` partie de l’interface.

* Ordre : tri des catégories par glisser-déposer.
* `modifier` icône qui permet de remplacer le nom et la description par défaut des catégories et sous-catégories qui ont été fournis dans la

  `Categories & Tags` section de l’interface pour cette bannière (utilisée pour la localisation).
* Case à cocher permettant de masquer une catégorie (sous l’ `modifier` icône).
* Catégories bloquées sur On : case à cocher qui active de façon permanente une catégorie qui ne peut pas être désactivée par les visiteurs (par ex. pour une catégorie "essential cookies")
* *Option IAB TCF 2.0 :* Les purposes IAB, special purposes, features et special features sont affichés automatiquement sur la base des vendors sélectionnés dans `Categories & Tags / Gérer les vendors`section. La traduction des catégories est effectuée automatiquement en fonction des paramètres de langue du navigateur de l’utilisateur. Les catégories Non-IAB seront affichées après les catégories IAB officielles dans la bannière.
  {% endtab %}

{% tab title="VENDORS" %}
Options pour gérer et traduire les descriptions des vendors personnalisés. Les descriptions et traductions des vendors IAB TCF 2.0 sont gérées automatiquement par le framework IAB TCF 2.0.

* Description du vendor : description affichée dans l’onglet vendor.
* Masquer le vendor : option permettant de masquer le vendor dans la bannière.
* L’ordre des vendors peut être modifié par glisser-déposer. (Les vendors IAB TCF 2.0 sont toujours affichés avant les vendors personnalisés).
  {% endtab %}

{% tab title="BOUTONS" %}
CSS personnalisé pouvant être utilisé par des utilisateurs avancés pour personnaliser le style de la bannière.Options pour gérer le bouton d’enregistrement et les contrôles de catégories du centre de confidentialité.

* Libellé : texte du bouton.
* Couleur de la police : couleur du texte du bouton.
* Couleur d’arrière-plan : couleur de fond du bouton.
* État par défaut des boutons (IAB et non-IAB) pour accepter ou refuser les catégories et sous-catégories :
  * "On" : "On" est choisi par défaut pour les catégories/sous-catégories (IAB et non-IAB) dans le Privacy Center. Lorsque le visiteur le laisse tel quel, son statut de navigation est « optin ».
  * "Off" : "Off" est choisi par défaut pour les catégories/sous-catégories dans le Privacy Center. Lorsque le visiteur le laisse tel quel, son statut de navigation est « optout ».
  * "Position neutre" : dans cette position, ni "On" ni "Off" n’est choisi par défaut pour les catégories/sous-catégories dans le Privacy Center. L’utilisateur doit choisir « On » ou « Off » pour chacune des catégories et sous-catégories afin de pouvoir enregistrer ses préférences et continuer la navigation. Le champ « Warning message » vous permet de personnaliser le message qui apparaîtra à gauche du bouton d’enregistrement dans le Privacy Center : cela informera l’utilisateur qu’il doit donner ou refuser son consentement pour toutes les catégories avant d’enregistrer.
* État par défaut des boutons pour accepter ou refuser les vendors (IAB et non-IAB) :
  * "Off" : l’état par défaut des vendors est "Off". Lorsqu’un nouveau visiteur accepte les catégories de consentement dans le centre de confidentialité pour la première fois, les vendors ne sont pas activés sur la base de leurs catégories liées.
  * "Position neutre" : l’état par défaut des vendors est "Undecided". Lorsqu’un nouveau visiteur accepte les catégories de consentement dans le centre de confidentialité pour la première fois, les vendors s’activent en fonction de leurs catégories liées (voir [Gérer les vendors](/fr/fonctionnalites/consent-management/user-guides/categories-and-tags/manage-vendors.md)).
* Libellé pour "Off for all" : texte du bouton "Off for all" si l’utilisateur souhaite appliquer son choix à toutes les sous-catégories d’une catégorie en un clic.
* Libellé du bouton "Off" : texte du bouton "Off" qui apparaît dans le Privacy Center (par ex. vous pouvez le remplacer par « No »).
* Libellé pour "On for all" : texte du bouton "On for all" si l’utilisateur souhaite appliquer son choix à toutes les sous-catégories d’une catégorie en un clic.
* Libellé du bouton "On" : texte du bouton "On" qui apparaît dans le Privacy Center (par ex. vous pouvez le remplacer par « Yes »).
* Aspect visuel "ON blocked" : style des catégories bloquées sur On (case à cocher ou texte)
  {% endtab %}

{% tab title="CSS PERSONNALISÉ" %}
CSS personnalisé pouvant être utilisé par des utilisateurs avancés pour personnaliser le style de la bannière.
{% endtab %}

{% tab title="JS PERSONNALISÉ" %}
Options de personnalisation avancées. Veuillez contacter votre consultant Commanders Act ou le support avant de les utiliser.
{% endtab %}
{% endtabs %}

Les changements doivent être enregistrés avec le `SAVE` bouton.

### Options avancées des bannières IAB TCF <a href="#advanced-options-for-iab-tcf-banner" id="advanced-options-for-iab-tcf-banner"></a>

#### Personnaliser le champ Publisher Country Code <a href="#customise-publisher-country-code-field" id="customise-publisher-country-code-field"></a>

Option pour gérer le `publisherCC` champ de l’API IAB TCF.

​[Code pays](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Officially_assigned_code_elements) du pays qui détermine la législation de référence. Correspond normalement au code pays du pays dans lequel l’entité commerciale du publisher est établie.\\

Les consent banners définissent cette valeur sur `"FR"` par défaut dans la réponse IAB. Le champ du code pays du publisher peut être personnalisé avec l’extrait JavaScript suivant (doit être implémenté dans le premier container sur le site web.).

`tC.privacy.iabPublisherCC = "<country_code>";`

Exemple pour définir le champ du code pays du publisher sur un code pays allemand :

`tC.privacy.iabPublisherCC = "DE";`

#### Personnaliser le champ Purpose One Treatment <a href="#customise-purpose-one-treatment-field" id="customise-purpose-one-treatment-field"></a>

Option pour gérer le `purposeOneTreatment` champ de l’API IAB TCF.

IAB TCF propose ce champ pour spécifier comment purpose one doit être traité dans des scénarios spécifiques.

**true :** Purpose 1 non divulgué du tout. Les CMP utilisent publisherCC pour indiquer le pays d’établissement du publisher afin d’aider les Vendors à déterminer si le vendor nécessite le consentement Purpose 1.

**false :** Il n’y a pas de statut de traitement spécial pour Purpose 1. Purpose 1 a été divulgué normalement (consent) comme prévu par la TCF Policy

La bannière de consentement définit cette valeur sur `false` par défaut dans la réponse IAB. Le champ purpose one treatment peut être personnalisé avec l’extrait JavaScript suivant (doit être implémenté dans le premier container sur le site web.).

`tC.privacy.iabPublisherCC = (true|false);`

#### Boutons vendors neutres <a href="#neutral-vendor-buttons" id="neutral-vendor-buttons"></a>

Vous pouvez changer le type de bouton vendor en neutre si vous choisissez la position neutre comme statut par défaut.f

<figure><img src="https://2406699966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lh69-tfWlhrtYE5Vhvq%2F-MEgUShTWffyLFmt-ou8%2F-MEgUtHEbE82gQ_S5bqE%2Fimage.png?alt=media&#x26;token=618886af-dc23-4685-a1a4-f6690ba6e87b" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="info" %}
Vous ne pouvez pas choisir une position neutre pour les catégories IAB (purposes), car cela n’est pas autorisé par la politique du framework
{% endhint %}

#### Mode de synchronisation entre vendors et catégories <a href="#synchronisation-mode-between-vendors-and-categories" id="synchronisation-mode-between-vendors-and-categories"></a>

Vous pouvez choisir de synchroniser l’état des vendors avec les catégories, en choisissant de le faire uniquement pour les boutons neutres ou toujours. Si vous utilisez un modèle IAB TCF, cette option n’aura aucun effet sur les vendors TCF, car le framework TCF ne l’autorise pas.

<figure><img src="https://2406699966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lh69-tfWlhrtYE5Vhvq%2F-MY5SiojbBrAG06J3ozc%2F-MY5UR0Z4-RqTYfR0jAW%2Fimage.png?alt=media&#x26;token=461c6466-faf8-40be-98db-7bf3f920a7f8" alt="" width="563"><figcaption></figcaption></figure>

#### IAB TCF Stacks `Beta` <a href="#iab-tcf-stacks-beta" id="iab-tcf-stacks-beta"></a>

Commanders Act Consent propose IAB TCF Stacks pour réduire la taille de la liste des purposes dans le centre de confidentialité. IAB TCF Stacks regroupe les purposes et special features dans un panneau repliable et permet aux visiteurs de configurer le consentement pour tous les purposes et special feature d’un Stack en une seule fois. Plus d’informations sur IAB TCF Stacks peuvent être trouvées dans la [IAB TCF Policy](https://iabeurope.eu/iab-europe-transparency-consent-framework-policies/#___E_Stacks__).

Actuellement, IAB TCF Stacks sont en beta dans Commanders Act Consent. Ils sont activés avec une commande JavaScript qui doit être ajoutée au centre de confidentialité `JS PERSONNALISÉ` champ `BLOC JS AVANT`.Exemple : activation des Auto Stacks

<figure><img src="https://2406699966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lh69-tfWlhrtYE5Vhvq%2F-MB99zvC3zSePd1mqFI_%2F-MB9H71v7JlA2x9WEi8i%2FIAB%20Stack%20Activation.png?alt=media&#x26;token=026c7224-3d88-4928-a53d-640854a34adf" alt="" width="375"><figcaption></figcaption></figure>

Commanders Act Consent propose deux options pour activer les Stacks :

{% tabs %}
{% tab title="Auto Stacks" %}

```
pc.iab.useAutoStack();
```

Cette option utilise un algorithme pour trouver automatiquement la combinaison de Stacks la plus adaptée pour les vendors configurés. Cette option est l’approche recommandée.
{% endtab %}

{% tab title="Manual Stacks" %}

```javascript
pc.iab.useStackIds(1,2); // active les Stacks avec les ID 1 et 2
```

Cette option permet d’activer manuellement les IAB TCF Stacks en fournissant une liste d’ID de Stack. Les ID de Stack peuvent être trouvés dans la [IAB TCF Policy](https://iabeurope.eu/iab-europe-transparency-consent-framework-policies/#___E_Stacks__).

{% hint style="warning" %}
Les purposes ne peuvent être inclus que dans un seul Stack. En cas de mauvaise configuration, Commanders Act Consent ignore la configuration des Stacks IAB et affiche une erreur dans la console du navigateur.
{% endhint %}
{% endtab %}
{% endtabs %}

#### Déplacer les catégories natives au-dessus des IAB Purposes <a href="#move-native-categories-above-iab-purposes" id="move-native-categories-above-iab-purposes"></a>

Par défaut, les contrôles IAB Purpose sont placés au-dessus des contrôles de catégories natives. Il est possible d’afficher les catégories natives au-dessus des contrôles IAB TCF Purpose en ajoutant l’extrait JavaScript suivant à la `JS PERSONNALISÉ` champ `BLOC JS AVANT` du centre de confidentialité.

`pc.tc.categoriesSectionTop(true);`

Le titre "Other" des contrôles de catégories natives peut être traduit en ajoutant l’extrait de configuration suivant à la `JS PERSONNALISÉ` champ `BLOC JS AVANT` du centre de confidentialité.

`pc.addTranslation({en: { others: 'My Headline' }});pc.setLocale('en');`


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.commandersact.com/fr/fonctionnalites/consent-management/user-guides/privacy-banners/manage-banner.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.