Pour les équipes e-commerce
Visibilité des sessions · Replay · Briefing quotidien
Un agent IA peut-ilacheter chez vous ?
Serge montre où Claude, ChatGPT et d'autres agents IA arrivent, calent, réessayent et abandonnent sur votre boutique, pour que votre équipe puisse corriger les problèmes structurels qui bloquent la conversion des agents. Replay, briefing et un scan rapide dans un seul produit.
Scannez votre boutique · 30 secondes · sans inscription
Scanner.
Pas de carte bancaire, pas de compte. Partagez le résultat avec votre équipe.
Une tâche Claude · 96.8s
L'agent est arrivé au checkout, mais pas proprement.
Une vraie tâche d'achat, rendue en cinq étapes.
L'agent s'est remis de deux frictions d'interface et a complété le panier — un parcours que la stack analytique actuelle jetterait dans le bucket « direct » sans jamais l'expliquer. C'est l'artefact que Serge produit pour chaque session d'agent.
« Trouve un sac à dos noir à moins de 100 CHF en stock sur yourstore.ch et ajoute-le à mon panier. »
- 01résultats chargés
- 02en stock + sous CHF 100 réessayé
- 03labels add-to-cart en double
- 04CHF 79 sélectionné
- 05panier confirmé
Miroir à deux faces · même page, deux vues
La page que voit votre acheteur.La page que voit un agent.
Une page produit est deux documents à la fois. La vue humaine se rend pour l'œil. La vue agent se rend pour l'arbre d'accessibilité. Serge mesure l'écart entre les deux.
Vue humaine
Ce que voit l'acheteur
Commuter Backpack 20L
Résistant à l'eau · pochette laptop rembourrée · deux poches extérieures
Signaux d'aperçu
- Photo heroSac sur un bureau, orienté produit
- Aperçu prixRéduction visible en 0.4s
- NuanciersTrois options de couleur, cliquables
- CTAGrand bouton ink au-dessus de la ligne de flottaison
Vue agent
Ce que voient Claude / ChatGPT
<body> <main role="main"> <h1>Commuter Backpack 20L</h1> <div class="product-hero">⟶ pas de <img alt>, pas de schema.org/ImageObject <span>CHF 79</span>⟶ prix pas marqué comme <data value> <div class="variants">⟶ div sans rôle — sélection de variante inaccessible <div>Charcoal</div> <div>Olive</div> <div>Sand</div> <a onclick="addToCart()">Ajouter au panier</a>⟶ Le CTA est un anchor avec onclick — pas de sémantique de form </main></body>Signaux structurels
- schema.org/ProductManquant · l'agent retombe sur des heuristiques
- <h1>« Commuter Backpack 20L » · lisible
- rôle ariaLes nuanciers sont des <div> pas des <button> · pas de navigation clavier
- Sémantique de formulaireLe CTA se rend comme <a> avec onClick · pas de submit implicite
- InventairePas exposé dans le markup · uniquement via fetch après chargement
Chaque problème signalé à droite est la raison pour laquelle l'agent échoue à compléter la tâche que l'humain a commencée.
Scan gratuit · 30 secondes · sans inscription
Vous voulez un instantané de votre situation ?Scannez votre boutique.
Collez votre domaine. Serge parcourt votre boutique en environ trente secondes — entièrement déterministe, sans IA dans la boucle de scan — et renvoie un instantané rapide : où les agents peuvent être bloqués, quoi inspecter en premier, et les corrections suggérées que votre équipe peut vérifier. Sans inscription. Transmettez le résultat à votre lead front-end.
Le scan est le point de départ. La vue plus profonde vient de la visibilité des sessions, du replay et du briefing.
Replay de session d'agent
Regardez un agent Claudeessayer d'acheter chez vous.
Cliquez sur Replay sur n'importe quelle session signalée. Serge reconstruit l'arrivée exacte, les nouvelles tentatives, l'échec et la correction pour que votre équipe voie ce qui s'est passé avant que les revenus disparaissent dans « direct ».
Aperçu public
Données d'exemple, rendues à travers la même UI de session et la même couche de vue narrative que le produit en direct.
Voir la démo en direct01
Arrivée tracée
02
Échec isolé
03
Raisonnement récupéré
04
Correction transmise
Résultat du replayUn replay résout la chaîne complète : arrivée, échec, raisonnement et la correction concrète que votre équipe devrait livrer ensuite.
Raisonnement inféré · 0.00 confiance
Claude a parcouru le chemin standard de browse vers une page produit laptop en moins de deux secondes, l'a lue, puis a essayé de trouver le sélecteur de taille dans l'arbre d'accessibilité. L'élément n'existait pas là — le React <SizeSelector> se rend sans role ni aria-expanded — donc Claude a réessayé, échoué à nouveau, et abandonné le panier à +0.00s.
Quoi faire
Ajoutez role="combobox", aria-expanded, et un nom accessible à votre <SizeSelector>. Un petit PR, puis relancer le replay pour confirmer que l'agent passe ce contrôle.
GA4 voit
Rien. Pas de referrer.
Hotjar voit
Rien. Pas de souris.
L'attribution voit
Une visite « directe ».
Serge voit
Chaque étape. Chaque relance. Le raisonnement.
Problème
Vous ne pouvez pas optimiser le trafic d'agentssi vous ne pouvez pas le voir.
Trois angles morts spécifiques, les trois mêmes outils que toute équipe e-commerce utilise déjà — et aucun d'entre eux ne le voit.
Analytique
GA4 ne le voit pas.
Les agents arrivent via des navigateurs headless sans referrers. GA4 jette chaque session Claude dans le bucket « direct » — quand il les voit. Le funnel n'a jamais su qu'ils étaient là.
0 sessions d'agent dans votre funnel GA4 aujourd'hui.
CRO
Hotjar enregistre les humains.
Contentsquare, FullStory, Lucky Orange — ils capturent les mouvements de souris et les remplissages de formulaires. Un agent n'a ni l'un ni l'autre. Votre outil de session-replay tourne et les visites d'agents manquent simplement.
0 sessions d'agent dans votre outil de replay aujourd'hui.
Concurrence
Le site qui fonctionne obtient la vente.
Quand Claude ne peut pas terminer le checkout sur votre boutique, il essaie le suivant. Le client ne sait jamais quel site a échoué. Vous non plus — jusqu'à ce que vos chiffres mensuels glissent et que personne ne puisse expliquer pourquoi.
Ventes inconnues perdues à un concurrent aujourd'hui. Nous ne pouvons pas vous le dire. Vos outils non plus.
Capacités du produit
Observer. Analyser.Diagnostiquer. Livrer la correction.
01 · Observer
Chaque session d'agent, en direct.
Une balise script de 6 Ko classifie chaque visite, sépare les sessions d'agents des sessions humaines, et route chacune vers le bon dashboard. Claude, GPT-5, Perplexity, Gemini — tous apparaissent en moins d'une heure.
Plateformes vues
00
Signalées maintenant
00
Arrivée médiane
0.0s
Pourquoi c'est important
La première tâche n'est pas l'attribution. C'est simplement de prouver que les visites sont là, qu'elles sont différentes, et que quelqu'un dans l'équipe peut les inspecter immédiatement.
02 · Analyser
Construisez le funnel que GA4 ne construit pas.
Chaque session s'assemble en un funnel d'agent : landing → browse → produit → variante → cart → checkout. Les drop-offs émergent par étape, par plateforme, par jour. Aucune instrumentation.
03 · Diagnostiquer
Replay de n'importe quelle session à la demande.
Chaque session signalée obtient un bouton Replay. Serge exécute un vrai agent Claude le long du même chemin sur votre site en direct et capture chaque étape. Vos engineers obtiennent une URL partageable.
04 · Corriger
Livrer un PR. Re-mesurer.
Chaque échec arrive avec une correction suggérée et un indice d'implémentation que vos engineers peuvent actionner. Relancez le replay après le déploiement et confirmez que l'agent passe le blocage.
Boucle de correction
Un seul contrôle cassé peut supprimer un parcours d'agent entier. C'est pourquoi la première correction semble souvent surdimensionnée : elle restaure le même composant sur chaque page produit qui l'utilise.
Après le déploiement
Relancer le même chemin et confirmer que l'agent arrive au cart.
Face à votre stack actuelle
Les outils analytiques humainsn'ont pas été construits pour le comportement d'agents.
Ce que couvre votre stack actuelle
Tous mesurent bien les humains. Aucun ne voit les agents.
| Hotjar · FullStory · GA4 | ||
|---|---|---|
| Construit pour | Sessions humaines — mouvements de souris, remplissages de formulaires, patterns de clics | Sessions d'agents — requêtes HTTP, lectures d'arbre a11y, lookups d'éléments |
| Ce que vous voyez | Ce que les humains ont cliqué et où ils sont partis | Ce que les agents ont essayé, pourquoi ils ont échoué, où ils ont relancé |
| Visibilité des sessions | Les agents arrivent sans referrer et finissent en « direct » | Chaque session d'agent classifiée par plateforme, de bout en bout |
| Diagnostic d'échec | Explique où les humains partent | Explique pourquoi l'agent n'a pas pu atteindre l'étape suivante |
| Ce qu'il optimise | UX humaine — copy, layout, friction | Achèvement de tâches d'agent — structure, sémantique, lisibilité machine |
Où Serge se situe
Les outils GEO mesurent si ChatGPT vous mentionne en amont. Les outils CRO mesurent ce que les humains font sur votre site. Serge mesure ce qui se passe quand ChatGPT envoie un client à votre site et que l'agent essaie d'acheter en son nom.
En amont : Athena, Profound, Scrunch, Otterly, Semrush AI · En aval : Dreamdata, HockeyStack, Bizible
Cas d'usage
Un schéma d'échec que nous pouvons montrer clairement.Quatre workflows que nous validons ensuite.
Compréhension des PDP
Corrigez d'abord les échecs de variant-selector.
Les variant-selectors React personnalisés se rendent souvent sans rôle ni nom accessible, ce qui les rend difficiles à manipuler pour les agents. C'est le schéma d'échec le plus clair dans nos démos de replay et benchmarks internes, et la correction est généralement petite : exposer le contrôle sémantiquement, puis relancer le replay.
Preuve du mécanisme
0 attrs
role, accessible name et state décident souvent si un agent peut manipuler un contrôle personnalisé.
Découverte de produits
Trouvez les produits que les agents devraient trouver — mais pas.
Serge mesure quels produits sont accessibles à chaque plateforme et lesquels restent invisibles derrière du JavaScript que l'agent ne peut pas exécuter.
· Prochain en validation
Checkout + transfert
Repérez où les parcours d'agents calent avant la conversion.
Formulaires nécessitant des labels explicites, boutons add-to-cart qui sont des divs avec onClick, données d'inventaire enfermées dans le state client.
· Prochain en validation
Benchmarking de plateformes
Suivez comment chaque plateforme d'agent performe.
Claude, GPT-5, Perplexity et Gemini naviguent différemment. Une page que l'un d'eux peut compléter est parfois une impasse pour un autre.
· Prochain en validation
Trafic d'agents comme canal
Possédez la seule surface où le trafic d'agents apparaît.
Pas une colonne dans GA4, pas un onglet dans Hotjar — un dashboard autonome avec tendances hebdomadaires, breakdowns par plateforme et signalement d'anomalies.
· Prochain en validation
Résultats
Ce que votre Head of E-commercerapporte en fin de trimestre.
Directionnel jusqu'à ce qu'on ait une étude de cas signée à citer. Chaque résultat ci-dessous mappe à une capacité spécifique — pas de pourcentages d'amélioration fabriqués.
Visibilité
Transformez le bucket « direct » dans GA4 en une vraie cohorte.
Les agents arrivent sans referrers et sont mal-attribués comme trafic direct. Serge tourne aux côtés de GA4 et vous donne la vraie répartition : quelles sessions du bucket direct étaient des agents, quelle plateforme, sur quelle page ils ont atterri.
direct · 0 sessions → agents · 0 · humains · 0Conversion
Récupérez les sessions d'agents qui abandonnaient en silence.
Chaque trouvaille pointe vers une page, une plateforme et l'étape où l'agent s'est bloqué. Vous priorisez sur des fuites mesurées, pas sur des intuitions.
Directionnel · pas une métrique engagée
Vélocité CRO
Livrez moins de PRs, chacun avec un impact plus grand.
Les échecs d'agents ont tendance à se concentrer sur des problèmes structurels — un composant bloque des milliers de sessions. La première correction est généralement la plus grande, parce qu'un rôle ARIA manquant peut éliminer une plateforme entière d'un coup.
0 PR → élève chaque session d'agent qui a touché le composant casséPréparation
Commencez à mesurer avant d'avoir besoin des chiffres.
Nous n'avons pas de baseline historique pour la part de trafic d'agents parce que personne ne l'a mesurée. Les boutiques qui commencent à tracker maintenant auront des données de tendance avant le reste du marché — et les données de tendance sont ce qui gagne la conversation avec votre CFO.
Directionnel · pas une métrique engagée
Tarifs
Commencez avec une boutique,un snippet, une première lecture claire.
Les tarifs publics sont conçus pour les équipes prouvant que le canal existe. Les plus grands détaillants peuvent commencer par un pilote pratique pendant que le produit est encore jeune.
Launch
149 CHF / mois
Une boutique testant si le trafic d'agents est réel et où il se brise
Grow
499 CHF / mois
Équipes multi-marques ou multi-sites comparant sessions, problèmes et tendances
Scale
1 499 CHF / mois
Équipes exécutant le replay à plus grand volume avec rétention et reporting plus profonds
Programme pilote
Besoin d'un setup pratique, de revues hebdomadaires ou de reporting personnalisé ?
Nous menons un petit programme pilote pour les équipes qui veulent un soutien des fondateurs pendant que le produit est encore jeune : aide au setup, walkthroughs de replay en direct et boucles de feedback plus serrées que les plans en self-serve.
Parlez-nous d'un piloteDétails complets des plans et comparaison des fonctionnalités → /pricing
Voyez d'abord le produit.Apportez-le à votre boutique quand vous voulez la trace réelle.
Commencez par la démo en direct si vous voulez comprendre la forme du produit. Réservez le walkthrough fondateur quand vous voulez Claude exécuté contre votre boutique réelle et la première fix-list dans la même réunion.
Ce que vous repartez avec
Une vraie trace d'agent, les premiers blocages structurels et une réponse claire sur la pertinence d'intégrer Serge à votre stack maintenant.
Walkthrough fondateur
01
Exécuter un chemin Claude en direct contre votre site.
02
Inspecter les blocages avec replay et raisonnement.
03
Repartir avec la première fix-list et le chemin d'installation.
FAQ