# 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 transparente dans votre flux de travail.

[Téléchargez-la 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 !

## Principales fonctionnalités

### Remplacer facilement les Web Containers

Avec CAA, vous pouvez **passer d'une version de Web Containers à une autre sans déploiement de container.** Vous pouvez tester directement sur votre site en production, permettant une assurance qualité sans perturber votre environnement live.\
\
:heart: C'est aussi **compatible avec** [**Branches** ](https://doc.commandersact.com/fr/fonctionnalites/sources/sources-catalog/web/containers/user-guides-for-browser-side-platform/container/branches)feature ! :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 la version que vous devez tester directement dans le menu déroulant sur la 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 n'avez pas vu 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 **tester directement en utilisant les boutons dédiés** visibles sur les étapes **"Generate," "Test," and "Deploy"** au sein de la plateforme Commanders Act, ce qui facilite la validation de vos configurations.

{% hint style="success" %}
Le plugin doit être actif sur 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, vous serez invité à entrer la page de destination prévue pour votre session de test, puis cliquez 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%20(573).png?alt=media" alt=""><figcaption></figcaption></figure>

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

Pour **désactiver l'override**, 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>

### Surveillez les Tags en action

Facilement **visualisez la liste des tags déclenchés** lorsqu'ils se déclenchent sur votre site, vous donnant une vue claire de votre implémentation de tracking en temps réel. 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é du Site Name - Container Name pour rejoindre en un clic votre Web Container sur notre Platform

<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 surveiller les events déclenchés

Ouvrez l'onglet "Events" pour voir vos tags déclenchés sur des events.\
L'état du Data Layer est également visible dans cet onglet.\
Si certaines "event variables" sont alimenté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 Customs Events sont aussi visibles, avec le nom approprié de chaque custom event.

<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%20(607).png?alt=media" alt=""><figcaption></figcaption></figure>

### Conserver un historique entre les pages

CAA **enregistre les events sur plusieurs pages**, garantissant que vous disposez d'un historique complet des activations de tags pour une expérience de débogage 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 le **option "record across pages"** , recharger la page, et la réactiver.\
Ce processus sera amélioré dans une prochaine mise à jour !
{% endhint %}

### Connexion requise

Pour 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 :

* 🌍 **URLs cohérentes des Web Containers :** Les URLs 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 que lors du **premier "custom event" capté** 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 est **en évolution continue**, avec de nouvelles fonctionnalités et améliorations prévues pour améliorer encore votre expérience de test. Restez à l'affût des futures mises à jour qui rendront le débogage et l'optimisation encore plus faciles !

Bientôt disponible

* Gestion améliorée des sites SPA (pour les custom events "page load")