# Gérer la bannière

## Gérer la bannière

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

### Création de la 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 dispose des options suivantes :

| Field                                  | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| -------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Nom**                                | Libellé de la bannière utilisé dans l'interface.                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| **Modèle**                             | Menu déroulant permettant de 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 Consent de Commanders Act.                                                                                                       |
| **Utiliser le nouveau privacy center** | Cette option permet d'utiliser l'ancien modèle de privacy center des Consent Banners de Commanders Act. 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 qu'une bannière ait été personnalisée, veuillez vérifier auprès de votre consultant Commanders Act ou de votre contact 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 que votre bannière ait é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 : contenu textuel (prend en charge le formatage HTML et les liens).
* Couleur de police : couleur du texte.
* Couleur d'arrière-plan : couleur d'arrière-plan de la zone de contenu.
  {% endtab %}

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

* Libellé : texte du bouton.
* Couleur de police : couleur du texte du bouton.
* Couleur d'arrière-plan : couleur d'arrière-plan du bouton.
* Action du bouton : action effectuée par le bouton (par ex. optin vers toutes les catégories ou ouvrir le privacy center).
* Position du bouton : changer la position du bouton en haut/en bas de la bannière. Un seul bouton peut être positionné en haut.
  {% endtab %}

{% tab title="CUSTOM CSS" %}
Custom CSS qui peut être utilisé par les 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="CUSTOM JS" %}
Options de personnalisation avancées. Veuillez contacter votre consultant Commanders Act ou le support avant de les utiliser.
{% endtab %}
{% endtabs %}

Les modifications doivent être enregistrées avec le `SAVE` bouton.

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

Les options suivantes sont disponibles pour le privacy center 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 privacy center.

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

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

* Introduction des catégories : texte d'introduction de l'onglet catégories (prend en charge le formatage HTML et les liens)
* Introduction des 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 police : couleur du texte.
* Couleur d'arrière-plan : couleur d'arrière-plan de la zone de contenu.
  {% endtab %}

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

* Ordre : tri des catégories par glisser-déposer.
* `éditer` icône qui permet d'écraser 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' `éditer` icône).
* Categories Blocked On : case à cocher qui active de manière 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 / Manage 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 vendors.
* Masquer le vendor : options pour masquer le vendor de 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" %}
Custom CSS qui peut être utilisé par les 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égorie du privacy center.

* Libellé : texte du bouton.
* Couleur de police : couleur du texte du bouton.
* Couleur d'arrière-plan : couleur d'arrière-plan du bouton.
* Statut 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 ainsi, 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 ainsi, 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 à naviguer. Le champ "Message d'avertissement" 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 de sauvegarder.
* Statut par défaut des boutons pour accepter ou refuser les vendors (IAB et non-IAB) :
  * "Off" : le statut par défaut des vendors est "Off". Lorsqu'un nouveau visiteur accepte les catégories de consentement dans le privacy center pour la première fois, les vendors ne sont pas activés sur la base de leurs catégories liées.
  * "Position neutre" : le statut par défaut des vendors est "Indécis". Lorsqu'un nouveau visiteur accepte les catégories de consentement dans le privacy center pour la première fois, les vendors s'activent en fonction de leurs catégories liées (voir [Manage 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 faire son choix pour toutes les sous-catégories d'une catégorie en un seul clic.
* Libellé pour le 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 faire son choix pour toutes les sous-catégories d'une catégorie en un seul clic.
* Libellé pour le bouton "On" : texte du bouton "On" qui apparaît dans le Privacy Center (par ex. vous pouvez le remplacer par "Yes").
* apparence du "ON blocked" : style des catégories bloquées sur on (case à cocher ou texte)
  {% endtab %}

{% tab title="CUSTOM CSS" %}
Custom CSS qui peut être utilisé par les utilisateurs avancés pour personnaliser le style de la bannière.
{% endtab %}

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

Les modifications doivent être enregistrées 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 permettant de 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 de l'éditeur est établie.\\

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

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

Exemple pour définir le champ publisher country code 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 permettant de gérer le `purposeOneTreatment` champ de l'API IAB TCF.

IAB TCF offre 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 de l'éditeur afin d'aider les Vendors à déterminer si le vendor nécessite le consentement Purpose 1.

**false :** Il n'existe pas de traitement spécial de Purpose 1. Purpose 1 a été divulgué normalement (consent) comme prévu par la politique TCF

La Consent banner définit cette valeur à `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 du site web.).

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

#### Boutons vendor 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 le statut 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 le permet 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 des IAB TCF Stacks pour réduire la taille de la liste des purposes dans le privacy center. Les IAB TCF Stacks regroupent les purposes et special features dans un panneau repliable et permettent aux visiteurs de configurer le consentement pour tous les purposes et special features d'un Stack en une seule fois. Plus d'informations sur les IAB TCF Stacks peuvent être trouvées dans la [IAB TCF Policy](https://iabeurope.eu/iab-europe-transparency-consent-framework-policies/#___E_Stacks__).

À l'heure actuelle, les IAB TCF Stacks sont en beta dans Commanders Act Consent. Ils sont activés avec une commande JavaScript qui doit être ajoutée au privacy center `CUSTOM JS` champ `JS BLOCK BEFORE`.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 Stack 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 IAB Stack et fournit 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 au `CUSTOM JS` champ `JS BLOCK BEFORE` du privacy center.

`pc.tc.categoriesSectionTop(true);`

Le titre "Other" des contrôles de catégorie natifs peut être traduit en ajoutant l'extrait de configuration suivant au `CUSTOM JS` champ `JS BLOCK BEFORE` du privacy center.

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


---

# Agent Instructions: 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.