Illustration d'une page produit de site Web dans Labvanced avec une zone suivie entourée de vert, des points de carte thermique de regard, un curseur et des icônes de défilement, à côté du titre Suivi des yeux sur le site Web et Suivi du comportement

Suivi des yeux sur le site Web et suivi du comportement

Labvanced Web Bridge intègre un vrai site Web dans l'environnement Labvanced, vous permettant d'étudier, dans un cadre contrôlé, comment les participants regardent, cliquent et naviguent à travers celui-ci. Le regard est suivi en utilisant le suivi des yeux par webcam de Labvanced, validé par rapport à un EyeLink 1000 dans une étude examinée par des pairs (Kaduk et al., 2024), aux côtés des clics, des passages de souris et du défilement, le tout capturé depuis la même page réelle plutôt que depuis une recréation.

Table des matières

Tests de site Web réel avec Labvanced Web Bridge
Utilisation de Web Bridge dans une étude
Cas d'utilisation en recherche
Données collectées
Validation et comparaisons

Tests de site Web réel avec Labvanced Web Bridge

La plupart des plateformes de recherche ne peuvent montrer aux participants que des stimuli construits à l'intérieur d'elles, des images, des vidéos, des formulaires, des pages personnalisées. Web Bridge brise cette limite : intégrez une véritable page produit, un site d'actualités ou une application web dans l'étude à la place, en utilisant une extension Chrome gratuite.

La recherche UX et comportementale contrôlée en bénéficie le plus, car voir comment quelqu'un réagit à la vraie chose compte plus qu'une recréation.

Web Bridge fait partie de la plateforme expérimentale complète de Labvanced, donc la même étude peut randomiser quelle version d'une page un participant voit, combiner le suivi des sites Web avec d'autres mesures de Labvanced, et exporter le tout dans un format cohérent.

Vrais sites Web, pas de maquettes

Les participants interagissent avec votre véritable site Web, en direct, à l'intérieur de l'étude. Ce qui est suivi est la vraie page que vos utilisateurs verront réellement.

Tout au même endroit

Les regards, les clics, les passages de souris et le défilement sont tous capturés sur le même élément suivi, de sorte que chaque signal est aligné sans travail supplémentaire.

Suit les éléments, pas les positions d'écran

Marquez quelque chose une fois. Le suivi continue de le suivre correctement à travers le défilement, le redimensionnement et même les pop-ups ou menus qui apparaissent uniquement après un clic.

Deux restrictions de navigateur se dressent normalement en travers, et Web Bridge contourne les deux.

Les sites Web bloquent l'incorporation. De nombreux sites définissent un en-tête de sécurité, X-Frame-Options ou Content-Security-Policy, spécifiquement pour s'empêcher d'être affichés à l'intérieur d'une autre page. Web Bridge lève cette restriction, mais uniquement dans les onglets du navigateur où Labvanced est ouvert, d'autres onglets ne sont pas affectés, et le changement disparaît dès que l'onglet est fermé ou quitte Labvanced.

Les navigateurs isolent les pages intégrées. Même une fois qu'un site est intégré, l'activité de la souris à l'intérieur ne peut normalement pas atteindre la page autour. L'extension de Web Bridge lit les clics, les passages de souris et les mouvements directement depuis la page intégrée et les relaye à l'étude en temps réel.

Utilisation de Web Bridge dans une étude

Pour l'utiliser, les chercheurs ajoutent un Website Frame à une étude et le dirigent vers une véritable URL. À partir de là, marquer ce qu'il faut suivre est une simple action de clic et de sélection : cliquez sur une photo de produit, un titre ou un bouton, et Labvanced se verrouille sur cet élément exact, pas sa position sur l'écran. Labvanced surveille en continu la page, donc le suivi s'ajuste automatiquement pour le défilement, pour les éléments qui n'apparaissent qu'après un clic, comme une fenêtre pop-up ou un menu déroulant, et même pour les animations ou les éléments qui se redimensionnent ou se déplacent d'eux-mêmes. Chaque zone suivie est un simple rectangle, et rien n'est suivi automatiquement : un chercheur choisit exactement ce qui est significatif avant qu'une étude ne soit réalisée.

Sélection et ajustement d'une sélection AOI de site Web réel dans l'éditeur Labvanced

Sélection d'AOIs et ajustement de la sélection AOI d'un site Web réel à l'aide de l'environnement Labvanced.

Propriété	Spécifications
Navigateur	Google Chrome
Construit sur	Le suivi des yeux par webcam examiné par des pairs de Labvanced (Kaduk et al., 2024) et son suivi de souris
Ce qu'il suit	Regards, clics, passages de souris et défilement sur n'importe quel élément que vous choisissez
Confidentialité	Ne fonctionne que dans les sites Web que Labvanced intègre. Le texte dans les champs de mot de passe et de paiement n'est jamais lu

Installation de l'extension

Web Bridge est une extension gratuite pour Chrome. Vous et vos participants devez l'installer. Cela prend moins d'une minute, et Labvanced guide les participants à travers le processus automatiquement s'ils ne l'ont pas déjà.

Pour des références plus approfondies une fois que vous construisez une étude, consultez Sélectionner et ajuster les AOIs de site Web pour les contrôles complets d'ancrage des AOI. Pour construire des événements de clic, de passage de souris et de mouvement, consultez Suivi du comportement de la souris sur un AOI de site Web.

Cas d'utilisation en recherche

Page produit de chaussure de sport fictive avec une carte thermique de regard au-dessus de la photo de la chaussure, nom du produit, prix, échantillons de couleurs et bouton Ajouter au panier

E-Commerce

Intégrez une véritable page produit. Découvrez quelles photos les gens regardent réellement, quels boutons sont cliqués et jusqu'où ils défilent avant d'ajouter quelque chose à leur panier.

Page de nouvelles fictive avec une carte de chaleur de regard concentrée sur le titre de l'article et la photo de la montagne à côté

Nouvelles & Médias

Incorporez un article de nouvelles en direct. Découvrez quels titres sont remarqués en premier, et comment l'attention change au fur et à mesure que l'article devient plus long.

Barre de navigation fictive d'un site Web avec le menu Solutions ouvert et un chemin en pointillé traçant le mouvement du menu Solutions vers Tarification

Test de Navigation

Incorporez un menu réel ou un flux multi-pages. Voyez si les gens peuvent réellement trouver ce qu'ils cherchent, et où ils hésitent.

Deux pages d'atterrissage fictives de bedding étiquetées A et B, avec des titres différents et des couleurs de boutons Shop Now, chacune légendée avec la part de visiteurs ayant cliqué, 42 pour cent et 67 pour cent, et une barre de progression

Test A/B

Incorporez deux versions de la même page, assignez aléatoirement des participants à chacune avec le contrebalancement intégré de Labvanced, et comparez les résultats directement.

Page de quiz éducatif pour enfants fictive demandant Quel animal est un lion, avec une illustration de lion et trois cartes de réponses (lion, éléphant, zebra), et une carte de chaleur de regard la plus forte sur l'illustration du lion et la carte de réponse lion

Psychologie du Développement

Incorporez un vrai site Web éducatif pour enfants et suivez comment les jeunes participants y naviguent. Cela est utile pour la recherche sur la littératie numérique et comment l'attention se développe en ligne.

Page d'article de nouvelles fictive avec le titre Pouvons-nous faire confiance aux nouvelles dans un monde polarisé, une photo de personnes devant un bâtiment, et une carte de chaleur de regard sur le titre, la photo, et la ligne de crédit de l'auteur

Psychologie des Médias & Politique

Incorporez un vrai article de nouvelles et suivez si les yeux des gens atteignent un jour la ligne de crédit ou la source, avant qu'ils ne décident s'ils peuvent lui faire confiance.

Pour la recherche marketing spécifiquement, voir Suivi des Yeux sur le Site Web pour la Recherche Marketing: cinq études que vous pouvez réaliser, des frais de paiement et des pop-ups aux bannières publicitaires, pages produits et tests A/B.

Données Collectées

L'insertion d'un véritable site Web transforme la navigation ordinaire en données de recherche. Avec Web Bridge, vous pouvez découvrir :

Où les visiteurs regardent en premier, et pendant combien de temps
Quels éléments ne sont jamais regardés, ou sont entièrement zappés
Comment l'attention se déplace d'une partie d'une page à une autre avant que quelqu'un clique
Si ce que les gens cliquent correspond à ce qu'ils ont regardé en premier, ou si l'attention et l'action tirent dans des directions différentes
Combien de temps les gens s'attardent sur un domaine, ce qui peut signifier qu'ils lisent attentivement ou qu'ils cherchent quelque chose

Choisissez n'importe quoi sur la page, comme une photo de produit, un titre ou un bouton. Voici les données enregistrées pour cela :

Vous obtenez	Ce que cela vous dit
Regard	Où les gens regardent réellement, et pendant combien de temps
Position de l'élément	L'emplacement et la taille exacts de ce que vous suivez, mis à jour en direct à mesure que la page défile
Clics	Ce que les gens cliquent, et exactement où
Survols	Ce qui attire l'attention même sans clic
Mouvement de la souris	Comment le curseur se déplace à travers la page
Défilement	Jusqu'où les gens défilent avant d'agir

Chaque résultat est exportable proprement en CSV, XLSX, ou TSV, prêt à être analysé.

Travailler Avec Ces Données

Pour concevoir une étude autour de ces données, quelques comportements valent la peine d'être connus à l'avance.

Les espaces de coordonnées diffèrent selon le type d'interaction. Les événements de clic, de pression de souris, de relâchement de souris et de mouvement de souris rapportent des coordonnées relatives à la page, qui sont la position sur la pleine zone défilable de la page intégrée, y compris tout ce qui a déjà été défilé. Les événements de survol et de sortie rapportent plutôt des coordonnées relatives à l'élément, qui sont la position au sein de l'élément suivi lui-même. Les deux utilisent les mêmes étiquettes de coordonnées dans l'interface, alors décidez à l'avance quel type d'interaction une étude nécessite. Combiner les deux dans une colonne exportée mélange deux systèmes de coordonnées différents sans avertissement. Les données de regard enregistrées sur un élément suivi utilisent le même espace relatif à la page que les clics, donc les données de regard et de clic provenant du même élément s'alignent directement sans aucune conversion.

Mise à jour continue du suivi, pas seulement lors du défilement. La position et la taille de chaque élément suivi sont mesurées à chaque image, ce qui permet un suivi correct des animations, des transitions CSS et des éléments qui redimensionnent dynamiquement, et pas seulement du défilement ou du repositionnement.

Les régions défilables à l'intérieur d'un élément suivi ont leur propre espace de coordonnées. Si un élément suivi a son propre défilement interne, comme un panneau de chat ou une liste de produits déroulante, le marquage en tant que conteneur défilable expose la position de défilement et la taille du contenu de cette région séparément du défilement global de la page, de sorte que le défilement imbriqué ne soit pas confondu avec la page extérieure.

Les événements de souris offrent trois modes de ciblage. Un événement de souris peut se déclencher pour un élément suivi spécifique, pour un élément suivi sans en choisir un individuellement, ou pour n'importe où sur la page intégrée, qu'il s'agisse ou non d'un élément suivi. Cela est utile pour capturer des modèles d'interaction larges sans marquer chaque élément à l'avance.

Validation & Comparaisons

Web Bridge combine deux des moteurs de mesure principaux de Labvanced. Les données de regard proviennent du suivi oculaire via webcam de Labvanced, testé par rapport à un tracker oculaire professionnel (l'EyeLink 1000) dans une étude évaluée par des pairs : une précision globale de 1,4° et une précision de 1,1°, s'améliorant à 1,3° de précision et 0,9° à centre de l'écran (Kaduk et al., 2024).

Les données de clic, de survol et de curseur proviennent de mouse tracking de Labvanced et sont enregistrées sur le même élément suivi que les données de regard.

Comment cela se compare à d'autres approches

D'autres moyens de tester un site web réel diffèrent par ce dont ils ont besoin sur le site et ce qu'ils peuvent y enregistrer.

La question	D'autres approches	Web Bridge
Le site web a-t-il besoin de changements ?	RealEye, un service de suivi oculaire par webcam, a besoin de son SDK JavaScript sur le site et d'un attribut `data-re-aoi-name` sur chaque élément suivi pour son test de site web intégré. Microsoft Clarity, un outil de carte de chaleur et d'enregistrement de session, nécessite que son code de suivi soit installé sur le site.	Non. Vous collez l'URL du site que vous souhaitez tester et marquez les éléments en cliquant dessus dans l'éditeur Labvanced.
Peut-il enregistrer ce qui se passe à l'intérieur d'une page intégrée ?	Un simple embarquement d'un autre site, tel que l'objet Labvanced `I-Frame`, ne peut pas être lu par la page qui l'entoure, donc les clics et le défilement à l'intérieur ne sont pas capturés. Microsoft Clarity ne peut également pas capturer des iframes de tiers.	Oui. L'extension lit les clics, les survols, les mouvements de souris et le défilement à l'intérieur de la page intégrée.
Est-ce qu'il suit le défilement et le changement de pages ?	Le test de site web intégré de RealEye analyse une capture d'écran du site et ne prend pas en charge le défilement horizontal.	Oui. Les éléments marqués sont suivis à travers le défilement, le redimensionnement, l'animation et le contenu chargé après l'ouverture de la page.
Les données proviennent-elles de vrais participants ?	Des outils prédictifs tels qu'Attention Insight estiment l'attention avec un modèle d'IA au lieu d'enregistrer de vrais participants.	Oui. Il enregistre où les vrais participants regardent et cliquent.
A-t-il besoin de matériel spécial ?	Pupil Labs, un fabricant de trackers oculaires, propose un outil Web AOI qui nécessite son tracker oculaire Neon.	Non. Il utilise la webcam du participant.

Dernière révision : 2026-09-25.

Pour ce que peut et ne peut pas dire une carte de chaleur prédite par une IA par rapport à l'enregistrement de vrais participants, voir AI Can Predict Where You'll Look. It Still Doesn't Know What You'll Do.

Limitations

Web Bridge fonctionne uniquement dans Google Chrome, et le chercheur ainsi que chaque participant doivent avoir l'extension gratuite installée. L'utilisation d'un Website Frame dans une étude nécessite la licence Ultimate. Certains sites ne peuvent pas être intégrés : amazon.com et ebay.com sont bloqués dans l'éditeur en raison de leur protection contre les bots, et d'autres sites qui détectent l'intégration peuvent ne pas fonctionner. Web Bridge suit les éléments qu'un chercheur marque plutôt que tout ce qui est sur une page.

Questions Fréquemment Posées

Web Bridge suit-il des personnes sur d'autres sites web ?

Non. Le suivi ne commence qu'à l'intérieur d'un site web que Labvanced a lui-même intégré. Sur chaque autre page, l'extension sort immédiatement et ne lit rien de la page. Elle vérifie seulement si un onglet de navigateur est sur labvanced.com, pour décider quand l'intégration est autorisée.

Les participants doivent-ils installer quoi que ce soit ?

Oui, la même extension gratuite utilisée par les chercheurs. Si un participant ne l'a pas déjà, une invite lui explique comment l'installer avant le début de l'étude, généralement en moins d'une minute.

Comment le suivi continue-t-il de fonctionner si la page change ?

Chaque élément suivi est verrouillé sur la partie réelle de la page, et non sur une position d'écran fixe. Labvanced surveille continuellement la page, donc si un participant défile ou qu'un nouveau contenu apparaît, comme un pop-up ou un menu extensible, ou qu'un élément redimensionne ou anime de lui-même, le suivi le suit automatiquement.

Détecte-t-il automatiquement ce qu'il faut suivre ?

Non, et c'est intentionnel. Un chercheur marque exactement ce qui doit être suivi, comme une photo, un titre ou un bouton, en cliquant directement dessus dans l'éditeur. Rien n'est deviné ou suivi sans cette étape manuelle.

Puis-je suivre les clics et le mouvement de la souris sans suivi oculaire ?

Oui. Le suivi de la souris (clics, survols et mouvements) fonctionne indépendamment du suivi oculaire. Vous pouvez enregistrer l'un, l'autre, ou les deux ensembles sur le même élément suivi.

Ces données sont-elles aussi précises que le suivi oculaire régulier de Labvanced ?

Oui. C'est exactement le même moteur, validé contre un EyeLink 1000 avec une précision globale de 1,4° et de 1,3° au centre de l'écran (Kaduk et al., 2024). Ce qui est différent ici, c'est son utilisation sur un vrai site externe, et non l'exactitude sous-jacente.