# Content Mask (Contextualisation du consentement)

### 1. Valeur Business : Maintenir l'engagement sans briser la conformité

Le blocage pur et dur des cookies tiers peut laisser des "trous" blancs ou des erreurs sur votre site (ex: une vidéo qui ne charge pas).

* **Expérience Utilisateur (UX) fluide** : Au lieu d'un espace vide, l'utilisateur voit un message pédagogique lui expliquant comment accéder au contenu.
* **Conformité stricte** : Vous garantissez qu'aucun hit n'est envoyé vers des domaines tiers (Google, Facebook, etc.) sans accord préalable.
* **Maximisation de l'Opt-in** : En demandant le consentement au moment précis où l'utilisateur veut consommer un contenu, vous augmentez vos chances d'obtenir une réponse positive.

### 2. Méthodologie de mise en œuvre

#### Étape A : Identification des contenus tiers

Identifiez les éléments de votre site qui appellent des domaines externes avant le consentement :

* Lecteurs vidéo (YouTube, Vimeo, Dailymotion).
* Cartes interactives (Google Maps).
* Widgets de réseaux sociaux (flux Twitter, boutons Like).

#### Étape B : Configuration du "Mask"

Dans l'interface de Commanders Act, configurez l'apparence de votre masque de contenu.

* **Design** : Personnalisez l'image de fond, le texte et le bouton pour qu'ils correspondent à votre charte graphique.
* **Wording** : Utilisez une phrase d'accroche comme *"Pour lire cette vidéo, vous devez accepter les cookies tiers."*
* **Lien avec la catégorie** : Liez le masque à la catégorie de consentement correspondante (ex: "Publicité" ou "Réseaux Sociaux").

#### Étape C : Implémentation technique

Remplacez l'attribut src de vos iFrames par un attribut neutre (souvent data-src) pour empêcher le chargement automatique.

* **Action** : Ajoutez la classe ou l'attribut spécifique Commanders Act à votre balise HTML pour que le script de la CMP puisse injecter le masque par-dessus l'élément bloqué.

#### Étape D : Réactivation contextuelle

Le bouton présent sur le masque doit permettre deux actions :

1. Ouvrir la bannière e-privacy pour un choix granulaire.
2. Ou, idéalement, permettre une "acceptation rapide" de la catégorie concernée pour afficher le contenu immédiatement.

#### Étape E : Recette

Vérifiez que le contenu reste masqué lors d'une navigation privée (sans consentement) et qu'il se débloque instantanément dès que vous cliquez sur le bouton du masque.

### 3. Cas d'usage types

1. **Le lecteur YouTube "Privacy-Ready" :** Plutôt que de bloquer YouTube partout, affichez une image d'attente sur la vidéo. L'utilisateur clique sur "Voir la vidéo", le consentement est enregistré pour la catégorie média, et la vidéo se lance.
2. **Store Locator et Google Maps :** Évitez que Google ne dépose des cookies dès l'arrivée sur votre page "Magasins". Masquez la carte par un bouton "Afficher la carte" qui sollicite le consentement.
3. **Flux Social (Instagram/Twitter) :** Empêchez le chargement des scripts de réseaux sociaux qui ralentissent la page et traquent l'utilisateur, en les remplaçant par un message informatif.

#### 4. Ressources complémentaires

Pour des exemples visuels de masques conformes et performants, référez-vous à la section dédiée dans notre guide :

{% file src="/files/V17JQe7MYRaiXtwvPgI6" %}

#### Besoin d'aide pour masquer vos contenus tiers ?

Nos consultants vous accompagnent dans l'audit et le design de vos Content Masks. **Contactez votre consultant dédié ou notre support** : <support@commandersact.com>


---

# 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://community.commandersact.com/customer-success/francais-1/developpez-vos-usages/consent-management/content-mask-contextualisation-du-consentement.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.