# Plugin Commanders Act Assistant

## Introduction

Nous sommes ravis de vous présenter la dernière version de notre extension de navigateur, **Commanders Act Assistant (CAA)**! Conçue pour simplifier vos processus de test et de débogage, CAA est entièrement compatible avec **Google Chrome** et **Microsoft Edge**, offrant une intégration fluide à votre workflow.

[Téléchargez-la dès maintenant dans le Chrome Extension Store](https://chromewebstore.google.com/detail/commanders-act-assistant/lfaifjhjdolnpnlgeohohaalbeidhlpj)

\*La disponibilité dans le Microsoft Edge Store arrive bientôt !

## Fonctionnalités clés

### Remplacez facilement les Web Containers

Avec CAA, vous pouvez sans effort **basculer entre les versions des Web Containers sans déploiement de container.** Vous pouvez tester directement sur votre site de production, ce qui permet d’assurer la qualité sans perturber votre environnement en ligne.\
\
:heart: C’est également **compatible avec** [**Branches** ](https://doc.commandersact.com/fr/fonctionnalites/sources/sources-catalog/web/containers/user-guides-for-browser-side-platform/container/branches)fonctionnalité ! :heart:

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FjSQCYylZ5Tt4P4tpheYw%2Fimage.png?alt=media&#x26;token=1a83dd20-da98-4d92-895e-8f9ecf79b47a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2Fgit-blob-381c652d6b8b0325ad35efb9f8d47082ab339027%2FCapture%20d&#x27;%C3%A9cran%202025-02-27%20185120.png?alt=media" alt=""><figcaption></figcaption></figure>

### Comment remplacer votre/vos Web Container(s)

#### Dans le plugin

Vous pouvez sélectionner directement la version que vous devez tester dans le menu déroulant à droite

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FonPRT9M9jjUFIrkDsU4Y%2Fimage.png?alt=media&#x26;token=a8e95b6b-cb1f-41bd-91be-a8054339d97c" alt="" width="302"><figcaption></figcaption></figure>

Vous ne voyez pas votre dernière version ? Utilisez les boutons de rafraîchissement pour mettre à jour le menu déroulant avec la dernière version

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FvFD8i6EdG9X8UsRUDL7Q%2Fimage.png?alt=media&#x26;token=f7c6c0fc-a09a-4c6a-86b0-37b9727bbab8" alt="" width="375"><figcaption></figcaption></figure>

#### Via la plateforme (pour les tests Branches)

Vous pouvez **testez directement à l’aide des boutons dédiés** visibles sur les étapes **"Generate," "Test," et "Deploy"** dans la plateforme Commanders Act, ce qui facilite la validation de vos configurations.

{% hint style="success" %}
Le plugin doit être actif dans votre navigateur pour voir ces boutons
{% endhint %}

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

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

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

Au clic, il vous sera demandé de saisir la page d’atterrissage attendue pour votre session de test, puis de cliquer sur « OK » pour être redirigé vers votre site.

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

### Arrêter le remplacement du/des Web Container(s)

Pour **désactiver le contournement**, cliquez simplement sur le **bouton "stop override" dans le plugin**.

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FD8CEN7xflvD5CFILHkK6%2Fimage.png?alt=media&#x26;token=faa50bf7-e1e8-4038-8050-aac6342c6639" alt="" width="290"><figcaption></figcaption></figure>

### Suivre les Tags en action

Consultez **facilement la liste des tags déclenchés** au moment où ils se déclenchent sur votre site, afin d’avoir une vue claire et en temps réel de votre implémentation de tracking. Dépliez simplement la section "web containers" pour voir la liste

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FsJrZ9CVzArfuyI1ad0Z7%2Fimage.png?alt=media&#x26;token=77c34402-92a5-4c9c-b268-829aac52a5d9" alt="" width="431"><figcaption></figcaption></figure>

### Accédez à votre Web Container en 1 clic

Utilisez l’icône à côté de Site Name - Container Name pour accéder en un seul clic à votre Web Container sur notre plateforme

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FUtLVSYSA50Nr2xhVuTHY%2Fimage.png?alt=media&#x26;token=280d4b49-aa35-41b9-87bc-6c5d6943ed1c" alt="" width="431"><figcaption></figcaption></figure>

### Voir l’état complet du Data Layer à chaque chargement de page

À chaque nouveau chargement de page, vous pouvez voir l’état du Data Layer !

Dépliez simplement "External variables" ou "Internal variables" pour le voir.

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

### Onglet Events pour suivre les événements déclenchés

Ouvrez l’onglet "Events" pour voir vos tags déclenchés sur les événements.\
L’état du Data Layer est également visible dans cet onglet.\
Si certaines "event variables" sont renseignées, vous les verrez également

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2Fn9stlRZuJhR4HJRq4O16%2Fimage.png?alt=media&#x26;token=9e228671-46f2-4666-ac34-39907e8474ce" alt="" width="435"><figcaption></figcaption></figure>

Les Custom Events sont également visibles, avec le nom approprié de chaque événement personnalisé.

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

### Conserver un historique sur plusieurs pages

CAA **enregistre les événements sur plusieurs pages**, vous assurant ainsi un historique complet des activations de tags pour une expérience de débogage plus exhaustive.

<figure><img src="https://3282103337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mk6XpTQ2LaRLcr2tA-d%2Fuploads%2FbPXvb5LtdztHuUvaoR94%2Fimage.png?alt=media&#x26;token=d3319a5a-9b16-470b-b173-9c7877b8f5b2" alt="" width="432"><figcaption></figcaption></figure>

{% hint style="info" %}
Besoin d’effacer votre historique ? Vous pouvez **effacer** en arrêtant l’option **"record across pages"** puis en rechargeant la page et en la réactivant.\
Ce processus sera amélioré dans une prochaine mise à jour !
{% endhint %}

### Connexion requise

Afin de préserver la confidentialité, notre plugin nécessite d’être connecté à notre plateforme.

{% hint style="info" %}
Une fois connecté, seuls les Sites et les Web Containers auxquels vous avez accès sont visibles via l’extension
{% endhint %}

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

### Limitations

Bien que CAA soit un outil puissant, voici quelques limitations actuelles à garder à l’esprit :

* 🌍 **URL de Web Container cohérentes :** Les URL des Web Containers doivent rester les mêmes sur toutes les pages pour que le plugin fonctionne correctement.\\
* ⚡ **Compatibilité SPA :** sur **Single Page Applications (SPA)**, la liste des tags déclenchés n’est remplie qu’au **premier hit "custom event"** collecté par le plugin. À chaque changement de page, les tags sont ajoutés à la liste\*.\
  Le Data Layer est mis à jour à chaque nouveau "page load"\
  \
  \*Ce comportement sera amélioré dans une prochaine mise à jour, alors restez à l’écoute !

### Améliorations futures de notre extension

CAA **évolue continuellement**, avec de nouvelles fonctionnalités et améliorations prévues pour enrichir davantage votre expérience de test. Restez à l’affût des futures mises à jour qui rendront le débogage et l’optimisation encore plus simples !

Bientôt disponible

* Gestion améliorée des sites SPA (pour les événements personnalisés "page load")