# Sites Web (codés en dur)

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 place une configuration standard de Commanders Act Consent.

1. Choisissez le mode de configuration de compte par défaut pour votre compte (voir [Settings](/fr/fonctionnalites/consent-management/user-guides/settings.md)).
2. Configurez vos catégories et vendors Commanders Act Consent (voir [Manage Categories](/fr/fonctionnalites/consent-management/user-guides/categories-and-tags/manage-categories.md)).
3. Créez un ou plusieurs modèles de banner (voir [Gérer la bannière](/fr/fonctionnalites/consent-management/user-guides/privacy-banners/manage-banner.md))
4. Déployez vos modèles de bannière Commanders Act Consent sur le CDN Commanders Act ou sur la cible on premise (voir [Déployer la bannière](/fr/fonctionnalites/consent-management/user-guides/privacy-banners/deploy-banner.md)).
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>.

## Installez le script Commanders Act Consent

Pour coder en dur Commanders act Consent sur les sites web, vous devez ajouter le code JavaScript suivant à votre site web. Ce fragment 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 `GENERATE & DEPLOY` de chaque bannière de confidentialité.

<figure><img src="/files/bd9a87508bd6f0a46eba4cdc6c1be9e19507d47f" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

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

Ce wrapper Commander 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>
```

La `<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 la sous-catégorie de la catégorie Commanders Act Consent qui doit gérer ce tag (voir [Manage Categories](/fr/fonctionnalites/consent-management/user-guides/categories-and-tags/manage-categories.md)). 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 activer ou désactiver uniquement les sous-catégories et non la catégorie principale dans la bannière :

<figure><img src="/files/e75023eb1654dcc9b99428167bac7f00a5cf84b8" alt="" width="413"><figcaption></figcaption></figure>

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

### Exemple

Les exemples suivants montrent comment vous géreriez un Tag Criteo en fonction d’une catégorie de consentement nommée "retargetting".

<figure><img src="/files/8792449edf5e476f6826ed297d82841060dca35e" alt=""><figcaption></figcaption></figure>

"Retargetting" a été attribuée à l’ID de sous-catégorie 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>
```


---

# 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/setup-guides/websites-hardcoded.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.
