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

# Sites web (codés en dur)

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

## Configuration

Vous trouverez ci-dessous les étapes requises pour implémenter une configuration standard de Commanders Act Consent.

1. Choisissez le mode de configuration de compte par défaut pour votre compte (voir [Paramètres](/fr/fonctionnalites/consent-management/user-guides/settings.md)).
2. Configurez vos catégories et vendors Commanders Act Consent (voir [Gérer les catégories](/fr/fonctionnalites/consent-management/user-guides/categories-and-tags/manage-categories.md)).
3. Créez un ou plusieurs modèles de bannière (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:rouge;">)</mark>.

## Installez le script Commanders Act Consent

Pour intégrer en dur Commanders Act Consent sur des 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 peut être trouvée dans l' `GÉNÉRER & DÉPLOYER` onglet de chaque bannière de confidentialité.

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

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

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

Nous recommandons d'utiliser notre [OnSite API](/fr/fonctionnalites/consent-management/onsite-api.md)<mark style="color:rouge;">,</mark> pour déclencher vos tags uniquement si l'utilisateur a accepté la catégorie correspondante.\
Si vous recherchez les IDs de vos catégories, veuillez vous référer à la section '[Gérer les catégories](/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 un script tag 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 ex. pas lorsque vous injectez le tag Commanders Act Consent via Google Tag Manager) !
{% endhint %}

Ce wrapper Commanders Act n'exécute ce 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 [Gérer les catégories](/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 lié 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 basé sur une catégorie de Consent nommée "retargetting".

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

"Retargetting" a été attribuée à l'ID de sous-catégorie 6. Si 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 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
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/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.
