> 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/container/javascript-block.md).

# Bloc JavaScript

## Ajout de code JavaScript statique

Commanders Act vous permet d’inclure du JavaScript « gratuit » dans le conteneur de tags, sans limite de caractères, à deux emplacements nommés « Static JavaScript Code ».

Les « Static JS codes » vous permettent d’effectuer différents types d’actions, notamment :

– Corriger les problèmes de data layer.

Par exemple, si votre variable externe « page\_name » contient des valeurs avec des caractères spéciaux, vous pouvez les supprimer ou les remplacer dans le code Static JavaScript (par exemple, remplacer « & » par « and » comme suit :

<figure><img src="/files/20d1e236de3271d5f907cfaae2fd961e83632a58" alt=""><figcaption></figcaption></figure>

Vous pouvez ainsi continuer à utiliser votre variable externe « page\_name » dans les tags en supprimant ses caractères spéciaux via le code Static JS.

– Récupérer des données absentes de la data layer à partir du code source des pages du site.

Par exemple, vous pouvez récupérer des champs de formulaire JQuery dans votre bloc Static JS de la manière suivante :

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

Les « Static JS codes » apparaissent à deux endroits dans le menu de gauche de l’interface de l’étape « EDIT » :

– Le premier code Static JS est placé avant la déclaration des variables internes dans l’ordre d’exécution des éléments du conteneur de votre site.

– Le second code Static JS est placé après la déclaration des variables internes (vous pouvez ainsi réutiliser les variables internes précédemment déclarées à cet emplacement) :

<figure><img src="/files/56cc7837a5935326cdce0039f1b443fdb7395b3b" alt=""><figcaption></figcaption></figure>

La même interface utilisateur est utilisée pour le code Static JavaScript, qu’il soit exécuté avant ou après les variables internes. Il vous suffit de saisir le code JavaScript souhaité et de cliquer sur « SAVE ».

## Ajout de fichiers JavaScript dynamiques

Commanders Act permet **dynamiques** **JavaScript** fichier(s) à inclure dans un conteneur de tags, à deux emplacements nommés « **Dynamic** **JavaScript** **File(s)** ».

Contrairement aux « **Static** **JavaScript** **codes** », les « **Dynamic** **JavaScript Files** » sont des fichiers JavaScript **externes à** Commanders Act qui sont **téléchargés** puis **ajoutés** ou mis à jour dans le conteneur à chaque génération.

Les « **Dynamic JavaScript File(s)** » vous permettent d’effectuer différents types d’actions.

Par exemple, vous pouvez les utiliser pour importer dans votre conteneur un fichier JavaScript contenant une **bibliothèque JQuery** (si elle n’est pas déjà appelée sur votre site) ou un fichier JavaScript de convertisseur de devises. En important ces fichiers dans Commanders Act, vous pouvez les ajouter à vos solutions ou les utiliser pour créer de nouvelles variables (par exemple, vous pouvez mettre automatiquement à jour les devises dans les tags de vos solutions).

Les « Dynamic JavaScript File(s) » apparaissent à deux endroits dans le menu de gauche de l’étape « **EDIT** » :

* Le **d'abord** Dynamic JavaScript File(s) est placé avant la déclaration des variables internes, dans l’ordre d’exécution des éléments du conteneur sur votre site.
* Le **second** Dynamic JavaScript File(s) est placé après la déclaration des variables internes (vous pouvez ainsi réutiliser les variables internes précédemment déclarées à cet emplacement) :

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

La même interface utilisateur est utilisée pour les Dynamic JavaScript File(s), qu’ils soient exécutés avant ou après les variables internes. Il vous suffit de saisir l’URL de votre fichier JavaScript et de cliquer sur « **SAVE** ».

Vous pouvez répéter cette opération pour tous les fichiers JavaScript à inclure dans votre conteneur de tags.

Attention : l’ajout de fichiers JavaScript au conteneur va **augmenter** sa taille et donc augmenter le temps de chargement des pages.

Vous pouvez mettre à jour votre fichier dynamique **manuellement** (en cliquant sur « Refresh »), afficher son contenu (« View ») ou le supprimer (« Remove ») :\\

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


---

# 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, and the optional `goal` query parameter:

```
GET https://doc.commandersact.com/fr/fonctionnalites/sources/sources-catalog/web/containers/user-guides-for-browser-side-platform/container/javascript-block.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
