Retour
Extension Chrome · Kameleoon

Kameleoon QA
Goal Tracker.

Extension Chrome qui affiche un toast en temps réel à chaque conversion de goal Kameleoon pensée pour accélérer les sessions de QA et de simulation.

JavaScript Kameleoon Extension Chrome Chrome APIs
Démonstration du Kameleoon QA Goal Tracker
Type Extension Chrome
Stack JS · Chrome APIs
Contexte QA & Simulation
Année 2025

Le problème à résoudre.

Lors des sessions de simulation Kameleoon, les équipes QA devaient constamment ouvrir et fermer le panneau latéral pour vérifier quels goals avaient converti. Ce va-et-vient répétitif ralentissait les sessions de test et générait des erreurs d'inattention sur les recettes.

L'extension affiche automatiquement un toast non-intrusif dès qu'un goal est atteint, directement superposé à la page simulée sans aucune interaction manuelle, et sans masquer le contenu testé.

↓50%
de temps passé à ouvrir le panneau
200 ms
fenêtre anti-doublon par goal
100 %
adoption dans l'équipe technique

Ce que fait l'extension.

Quatre briques pensées pour disparaître quand on n'en a pas besoin et apparaître exactement quand il faut.

→ 01

Notifications en temps réel.

Toast animé (slide-in / slide-out) affiché dès la conversion d'un goal: nom, ID, campagne et variation active. Compteur mis à jour en direct pour les conversions multiples, avec barre de progression avant fermeture automatique.

→ 02

Historique de session.

Panneau accessible via l'icône de l'extension listant toutes les conversions de la session, avec horodatage. Synchronisation multi-onglets, badge de total de conversions, bouton "Effacer" pour remettre le compteur à zéro.

→ 03

Filtrage intelligent.

Détection automatique de la campagne QA active (par URL ou mode simulation). Anti-spam : seuls les goals des campagnes surveillées déclenchent un toast. Anti-doublon : les événements émis en moins de 200 ms sont ignorés.

→ 04

Page de paramètres.

Activation / désactivation sans désinstallation, durée d'affichage réglable (2 s à 12 s), choix du coin d'affichage et ciblage manuel d'une campagne par ID. Paramètres sauvegardés et synchronisés entre onglets.

// content-script — détection d'une conversion de goal
window.addEventListener('kameleoon.goal', (e) => {
  const { goalId, name, campaignId, variation } = e.detail;
  if (!isWatchedCampaign(campaignId)) return;
  if (isDuplicate(goalId, 200)) return;
  showToast({ goalId, name, campaignId, variation });
});

Résultats obtenus.

→ 01

Gain de temps QA

Plus besoin d'ouvrir le panneau latéral à chaque interaction les conversions s'affichent directement sur la page simulée, en superposition.

→ 02

Réduction des oublis

Moins d'oublis de goals lors des recettes, grâce aux notifications proactives et à l'historique centralisé multi-onglets.

→ 03

Aucune perturbation UI

Le toast s'intègre discrètement, sans masquer le contenu de la page testée design pensé pour rester en arrière-plan visuel.

→ 04

Adoption immédiate

Adoptée par toute l'équipe technique dès le premier jour de déploiement en mode développeur zéro courbe d'apprentissage.

→ Projet suivant
Ghost Room Detector — automatisation Google Calendar.
Voir le projet