> 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/sources/sources-catalog/web/containers/user-guides-for-browser-side-platform/tags/configure-tags.md).

# Configurer les tags

Une fois qu’un tag est ajouté, vous pouvez le configurer dans l’étape « **ÉDITER** ».

Une liste de vos tags s’affiche dans le menu de gauche de l’interface « **ÉDITER** ». Les tags qui doivent être configurés ou validés ont un signe d’avertissement (/!\\) avant leur nom.

Remarque : vous pouvez trouver un tag dans la liste à l’aide de la zone de recherche :[<br>](https://community.commandersact.com/wp-content/uploads/sites/2/2016/01/TAG_CONFIG_1.png)

<figure><img src="/files/65aa21ec8e7e7ed7c078ec32156cde5a8a5f809b" alt=""><figcaption></figcaption></figure>

Pour chaque tag sélectionné, une fenêtre de configuration apparaîtra au centre de l’interface et contiendra les éléments suivants :

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

**Expiration**: Une date d’expiration peut être appliquée au tag

**Variable(s) du tag**: Variables du tag qui nécessitent des données de la data layer ou des informations statiques qui leur sont associées

**Code du tag**: Le code du tag sélectionné

**Utilisez** **Tag** **Cleaner**: Outil de correction JavaScript et bouton d’aperçu pour voir le code du tag une fois ses variables mappées avec les variables de la data layer

**Précédent** **version(s)**: L’historique des versions du tag ;

“**supprimer** » et « **enregistrer** » boutons

**Règles**: Raccourci vers la configuration des règles du tag

## Date d’expiration

### Définition de l’expiration sur un tag

Vous pouvez appliquer une **expiration** personnalisée date à chaque tag. Cochez la case pour activer cette fonction puis sélectionnez une date dans le calendrier ou saisissez-la dans le champ vide.

<figure><img src="/files/36dbc33f25328a9be92699ac3f11d31e8f7e5728" alt=""><figcaption></figcaption></figure>

Lorsque vous activez la fonction d’expiration, elle désactive automatiquement le tag dans le conteneur à la date d’expiration sélectionnée.

Cette fonction est utile si vous avez ajouté un tag pour une campagne spécifique et que vous souhaitez qu’il soit désactivé une fois celle-ci terminée, afin que votre conteneur ne soit pas inutilement encombré de tags.

## Mappage des variables des tags

Rappel important : vous devez créer un lien entre les informations demandées par les différents tags dans le conteneur et les données disponibles dans la data layer. L’ajout de variables de data layer aux variables de tag s’appelle « **mappage** ».

Les variables du tag à mapper sont appelées « **variables dynamiques** », et elles sont désignées de la manière suivante : **#variable#**.

Elles apparaissent dans le code du tag, en bleu et en gras, ainsi qu’au-dessus du code du tag.

Vous devez mapper ces variables dynamiques avec les variables de la data layer disponibles dans les menus déroulants (exemple : e-mail utilisateur, ID utilisateur) ou une valeur statique (exemple : méthode) :[<br>](https://community.commandersact.com/wp-content/uploads/sites/2/2016/01/MAPPING_TAGS_VARS.png)

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

Informations complémentaires

Si le code du tag ne répond pas à vos besoins, vous pouvez le personnaliser directement dans la section « **CODE JAVASCRIPT** » ainsi que dans la section « **CODE NOSCRIPT** » pour les navigateurs sans JavaScript activé (cette fonction ne fonctionnera que si vous appelez la version NOSCRIPT du conteneur dans le code source de votre site) :

\\

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

Vous pouvez modifier votre tag directement en transformant les variables dynamiques du code en données de votre choix.

Exemple :

Si vous souhaitez coder en dur le USER ID, remplacez simplement #user\_id# par la valeur de l’ID :\
\ <img src="/files/a1df3f160e95b1fab169b1057d841ede59feec6a" alt="" data-size="original"> ![](/files/de40f1ac4c39928c756f105d0120ee8c121e78c5)

Vous pouvez également personnaliser le code de votre tag en transformant les éléments statiques en variables dynamiques.

Exemple :\\

Si vous souhaitez que toutes les valeurs collectées dans un tag soient dynamiques, laissez-les simplement entre des signes #. Ensuite, enregistrez le tag après cette modification et vous pourrez mapper votre variable avec les données de votre data layer :[<br>](https://community.commandersact.com/wp-content/uploads/sites/2/2016/01/MATCHING.png)

<figure><img src="/files/3badee32c2f833af882535f7dc311dc9e8f6fe2c" alt=""><figcaption></figcaption></figure>

Remarque : vous pouvez modifier votre tag quand vous le souhaitez. Cependant, veuillez prêter attention à sa structure JavaScript : les éléments dynamiques doivent être placés entre les ## et suivis ou précédés d’un « + » s’ils sont associés à des éléments statiques. La syntaxe colorée dans le code du tag vous permet de vérifier qu’il n’y a pas d’erreurs :

<figure><img src="/files/1aeb66aca823a7271e0178dc1c9888e86167c89f" alt=""><figcaption></figcaption></figure>

## Configuration des tags personnalisés

Un tag « **Saisie libre (custom)** » peut être utilisé pour ajouter un tag à votre conteneur même s’il n’est pas listé dans la bibliothèque de tags.

Pour configurer votre tag personnalisé, remplacez simplement le code par défaut dans la section « **JAVASCRIPT** **CODE** » par le code fourni par votre solution partenaire et cliquez sur « **ENREGISTRER** ».

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

Dans la grande majorité des cas, vous constaterez que votre tag est réécrit afin que sa structure soit compatible avec celle du conteneur et qu’il soit appelé de manière asynchrone. Cela est également fait pour éviter les erreurs liées à certaines structures de données JavaScript telles que « document.write ».

Les tags sont corrigés à l’aide de la fonctionnalité « **Utiliser Tag Cleaner** » :

<figure><img src="/files/1560f1cc1354c7ded3cda4219f7a9efa8b3ec522" alt=""><figcaption></figcaption></figure>

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

Décochez la case « **Utiliser Tag Cleaner** » si vous ne souhaitez pas que votre tag soit réécrit.

## Retour à une version précédente du tag

Chaque fois qu’un conteneur est généré, Commanders Act enregistre les tags présents dans le conteneur, ce qui vous permet de revenir à une ancienne configuration de tag si nécessaire.

Vous pouvez afficher les versions précédentes d’un tag particulier en cliquant sur « **VERSION(S) PRÉCÉDENTE(S)** » :[<br>](https://community.commandersact.com/wp-content/uploads/sites/2/2016/01/PREVIOUS_VERSIONS.png)

<figure><img src="/files/8fe22540b0479ad56923eaa1f38a5da5afdd2531" alt=""><figcaption></figcaption></figure>

La fenêtre « **VERSION(S) PRÉCÉDENTE(S)** » contient toutes les versions enregistrées de votre tag. La version affichée par défaut est la version précédente du tag.[<br>](https://community.commandersact.com/wp-content/uploads/sites/2/2016/01/PREVIOUS_V_DETAILS.png)

**Version du tag**: numéro de la dernière version du tag enregistrée, nom de l’utilisateur ayant généré la version, et date et heure de génération

“**Retour**« : bouton permettant de revenir à la version du tag affichée

**Tag** **code**: code du tag sélectionné (code JavaScript ou NoScript selon l’option sélectionnée en (3))

**Tag** **versions**: versions précédentes du tag

Pour revenir à une version précédente du tag, sélectionnez la version souhaitée et cliquez sur « **RETOUR** ».

## Application d’une règle à la volée

Vous pouvez ajouter directement une règle d’activation du tag dans l’étape « **ÉDITER** ».

Vous avez deux options :

* Vous pouvez sélectionner un périmètre ou une contrainte déjà créé(e) en cliquant sur le menu déroulant :\
  \ <img src="/files/20188dbcf2874299041cc5004749d0bd2b83560f" alt="" data-size="original">
* Vous pouvez créer un nouveau périmètre ou une nouvelle contrainte en cliquant sur « + » ![](/files/da2bbd6dad336e8e844a1f5858eae7ec034dedbc)

La fenêtre de création de règle apparaîtra afin que vous puissiez créer vos règles de la même manière que dans la section « **RÈGLES** ».

Pour plus d’informations sur la création de règles, veuillez vous référer à la [Règles](/fr/fonctionnalites/sources/sources-catalog/web/containers/user-guides-for-browser-side-platform/tags/rules.md) section.

### Affichage du résumé des tags et des règles associées

Pour afficher un résumé de tous les tags présents sur votre site avec leurs règles, rendez-vous dans l’onglet « **RAPPORTS** » > « **Résumé des tags**« \*cette page n’est actuellement accessible que depuis Platform v7.

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

Vous pouvez afficher le code, les règles et la date d’expiration de chaque tag.

Vous pouvez également filtrer les conteneurs ou les tags que vous souhaitez analyser.

Ce rapport peut être utile pour afficher les tags présents sur votre site à un instant donné et pour partager ces informations avec d’autres personnes en interne. Il peut également vous aider à trouver un tag dans la liste des tags présents sur votre site.

## Enregistrement et suppression d’un tag

Une fois que vous avez terminé de configurer votre tag, cliquez sur « **ENREGISTRER** » pour enregistrer vos modifications.

Vous pouvez également supprimer un tag dont vous n’avez plus besoin en cliquant sur « **SUPPRIMER** ».

Attention : un tag supprimé ne peut pas être récupéré.

<figure><img src="/files/6e887060bd62fc4e071d0d3d342f91203c4b1e60" alt=""><figcaption></figcaption></figure>

## Ordre d’activation et d’exécution des tags

Pour activer ou désactiver des tags dans l’étape « **GÉNÉRER** » , il suffit de cocher ou décocher chaque tag dans la colonne « **ACTIVATION** » et de générer une nouvelle version du conteneur (bouton bleu en haut à droite de l’écran) :[<br>](https://community.commandersact.com/wp-content/uploads/sites/2/2016/01/MANAGING_ACTIVATION.png)

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

Tous les tags cochés sont actifs et tous les tags décochés sont inactifs. L’avantage de désactiver un tag plutôt que de le supprimer définitivement est que vous pouvez conserver tous les paramètres du tag (mappage, règles) et les réactiver ultérieurement sans avoir à tout reconfigurer.

Remarque : comme un tag désactivé sera visible dans l’interface mais pas dans le conteneur appelé pour votre site, votre conteneur ne sera pas inutilement encombré.

Pour modifier l’ordre d’exécution des tags dans un conteneur à l’étape « **GÉNÉRER** », il suffit de glisser-déposer chaque tag dans la colonne « **RANG** » et de les placer dans l’ordre dans lequel vous souhaitez qu’ils s’exécutent sur les pages de votre site, puis de générer une nouvelle version du conteneur (bouton bleu en haut à droite de l’écran) :\\

<figure><img src="/files/63a6bd379e9e5aa01ecf0975ee05d330253dbf82" alt=""><figcaption></figcaption></figure>

Nous vous recommandons de placer les **tags les plus importants** au **haut** du conteneur afin qu’ils aient le plus de chances de s’exécuter si vos visiteurs changent de page rapidement sans attendre le chargement complet.

## Définition d’un timeout sur un tag

Pour améliorer les performances de votre site, Commanders Act suggère de désactiver un tag s’il met trop de temps à se charger. Vous pouvez saisir une durée maximale, en millisecondes, pour l’exécution d’un tag. Si le tag prend plus de temps que cette durée pour s’exécuter, il sera désactivé.

Pour ajouter un timeout aux tags à l’étape « **GÉNÉRER** », saisissez simplement une durée en millisecondes dans la colonne « **TIMEOUT MS”** et générez une nouvelle version du conteneur :[<br>](https://community.commandersact.com/wp-content/uploads/sites/2/2016/01/TIMEOUT.png)

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

## Personnalisation de la bibliothèque de tags (liste blanche)

Vous pouvez personnaliser la bibliothèque de tags en restreignant le nombre de modèles de tags disponibles dans la fenêtre d’ajout de tags depuis les étapes « Select » et « Edit ».

Cette fonctionnalité de « liste blanche des tags » est utile si vous souhaitez limiter l’accès aux solutions de la bibliothèque et n’en rendre accessibles que certaines à votre personnel. Cela vise à empêcher les utilisateurs de placer dans vos conteneurs des tags que vous n’avez pas autorisés.

L’interface « Library management » est accessible aux administrateurs et aux utilisateurs personnalisés auxquels cet accès a été accordé. La liste blanche des tags est gérée depuis l’interface « Admin » > « Library management ». Cette page n’est actuellement disponible que sur la plateforme v7.

Tous les tags seront sélectionnés par défaut.

Vous pouvez cliquer sur l’option « Unselect all » puis choisir les tags que vous souhaitez rendre disponibles dans votre bibliothèque.

<figure><img src="/files/73fefa807e49b525da195f2ae78175e092f5762c" alt=""><figcaption></figcaption></figure>

Sélectionnez le site pour lequel vous souhaitez configurer la liste blanche des tags dans le menu déroulant.

Vous pouvez cocher/décocher les tags concernés.

Les boutons « Select all » et « Unselect all » vous permettent de cocher ou décocher plusieurs tags simultanément.

Vous avez la possibilité de filtrer les tags par nom ou par ordre alphabétique.

Cliquez sur le bouton « ENREGISTRER » pour sauvegarder vos paramètres.

**À savoir :**

* Lorsqu’un nouveau tag est ajouté à la bibliothèque de tags par l’équipe de Commanders Act, il est automatiquement décoché si vous avez déjà créé au moins une liste blanche de tags pour votre site.
* Vous pouvez copier une liste blanche de tags d’un site à un autre depuis le menu « Administration » > « Copy management ».


---

# 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/sources/sources-catalog/web/containers/user-guides-for-browser-side-platform/tags/configure-tags.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.
