# Sites web (Hardcoded)

Commanders Act Consent peut être directement intégré aux sites web. La configuration nécessite des étapes d’installation techniques.

## Configuration

Vous trouverez ci-dessous les étapes requises pour mettre en œuvre une configuration standard de Commanders Act Consent.

1. Choisissez le mode de configuration par défaut du compte pour votre compte (voir [Settings](https://doc.commandersact.com/fr/fonctionnalites/consent-management/user-guides/settings)).
2. Configurez vos catégories et vendors Commanders Act Consent (voir [Manage Categories](https://doc.commandersact.com/fr/fonctionnalites/consent-management/user-guides/categories-and-tags/manage-categories)).
3. Créez un ou plusieurs modèles de bannière (voir [Gérer les bannières](https://doc.commandersact.com/fr/fonctionnalites/consent-management/user-guides/privacy-banners/manage-banner))
4. Déployez vos modèles de bannière Commanders Act Consent vers le CDN Commanders Act ou vers la cible on premise (voir [Déployer la bannière](https://doc.commandersact.com/fr/fonctionnalites/consent-management/user-guides/privacy-banners/deploy-banner)).
5. Installez le tag JavaScript Commanders Act Consent (voir ci-dessous)
6. Gérez les tags onsite avec Commanders Act Consent (voir ci-dessous<mark style="color:red;">)</mark>.

## Installer le script Commanders Act Consent

Pour intégrer en dur Commanders act Consent sur les sites web, vous devez ajouter le code JavaScript suivant à votre site web. Cet extrait doit être ajouté au `<head>` de votre site web.

```
<script type="text/javascript" src="{{ privacy_tag_url }}"></script>
```

`{{ privacy_tag_url }}` doit être remplacé par l’URL de votre tag JavaScript de confidentialité. Cette URL se trouve dans l’onglet `GÉNÉRER & DÉPLOYER` de chaque bannière de confidentialité.

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

## Gérez les tags onsite avec Commanders Act Consent

### **Ajouter des déclencheurs de tag avec l’API OnSite**

Nous vous recommandons d’utiliser notre [OnSite API](https://doc.commandersact.com/fr/fonctionnalites/consent-management/onsite-api)<mark style="color:red;">,</mark> pour déclencher vos tags uniquement si l’utilisateur a accepté la catégorie correspondante.\
Si vous recherchez les ID de vos catégories, veuillez vous référer à la section '[Manage Categories](https://doc.commandersact.com/fr/fonctionnalites/consent-management/user-guides/categories-and-tags/manage-categories)'

### Ajouter des déclencheurs de tag sans l’API OnSite

Si, pour des raisons spécifiques, vous ne pouvez pas utiliser notre API OnSite, il existe une approche alternative.

Commanders Act peut gérer les tags JavaScript onsite en les encapsulant dans un tag script avec un type MIME personnalisé.

{% hint style="info" %}
Cette approche fonctionne uniquement lorsque vous installez le tag Commanders Act Consent dans le `<head>` du document (par exemple, pas lors de l’injection du tag Commanders Act Consent via Google Tag Manager) !
{% endhint %}

Ce wrapper Commanders Act n’exécute le code JavaScript encapsulé que si un visiteur a donné son consentement pour l’ID de catégorie de confidentialité spécifié.

```
<script type="text/tc_privacy" data-category="{{ category_or_sub-category_id }}" data-vendor="{{ vendor_id }}">
    {{ tag_javascript_code }}
</script>
```

Le `<script>` doit avoir `type="text/tc_privacy"` .

`{{ tag_javascript_code }}` doit être remplacé par le code JavaScript du tag que vous souhaitez gérer avec Commanders Act Consent.

`{{ category_or_subcategory_id }}` doit être remplacé par la catégorie ou sous-catégorie de la catégorie Commanders Act Consent qui doit gérer ce tag (voir [Manage Categories](https://doc.commandersact.com/fr/fonctionnalites/consent-management/user-guides/categories-and-tags/manage-categories)). Faites attention lorsque vous créez des sous-catégories associées à une catégorie : vous devez saisir l’ID de la sous-catégorie dans l’attribut, et non l’ID de la catégorie, car l’utilisateur pourra uniquement activer ou désactiver les sous-catégories et non la catégorie principale dans la bannière :

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

`{{ vendor_id }}` doit être remplacé par l’ID du fournisseur lié au tag (disponible uniquement lorsque les fournisseurs natifs sont activés pour le compte).

### Exemple

Les exemples suivants montrent comment vous géreriez un tag Criteo basé sur une catégorie de Consent nommée « retargetting ».

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

« Retargetting » a été attribuée à la sous-catégorie ID 6. Dans le cas où une sous-catégorie est utilisée, vous ne devez jamais utiliser la catégorie principale (2 dans ce cas) pour gérer les tags.

Le wrapper du tag pour le tag JavaScript Criteo pourrait ressembler à ceci (exemple raccourci) :

```javascript
<script type="text/tc_privacy" data-category="6" src="//static.criteo.net/js/ld/ld.js" async="true">
</script>

<script type="text/tc_privacy" data-category="6">
    window.criteo_q = window.criteo_q || [];
    window.criteo_q.push(...);
</script>
```
