Labvanced Web Bridge — Support & Guide de l'extension

Nouveau sur Web Bridge ? Suivez le Guide pas à pas du suivi oculaire avec un cadre de site Web pour un flux de tâches de bout en bout, puis revenez ici pour des détails de référence complets.

Besoin d'aide ? Contactez-nous à [email protected]

1. Qu'est-ce que Labvanced Web Bridge ?

Labvanced Web Bridge est une extension de navigateur pour Google Chrome qui connecte la plateforme d'expérimentation Labvanced (labvanced.com) à de véritables sites Web. Elle permet aux chercheurs de réaliser des études UX contrôlées et des recherches comportementales dans lesquelles les participants interagissent avec des sites Web tiers en direct, tandis que Labvanced enregistre les mouvements oculaires (via webcam), les clics de souris, les événements de survol et le comportement de défilement.

Sans cette extension, les navigateurs empêchent les sites Web d'être intégrés dans des études de recherche en raison des restrictions de sécurité standard. L'extension lève ces restrictions uniquement pendant les sessions de recherche contrôlées Labvanced et ajoute les capacités de suivi comportemental nécessaires pour mesurer l'interaction des participants sur le site intégré.

Dans l'éditeur Labvanced, l'intégration est réalisée en utilisant le Website Frame, un troisième type de cadre aux côtés de Canvas Frame et Page Frame, conçu spécifiquement pour cela plutôt que d'être une variante des deux autres. Voir Cadre de site Web pour savoir comment cela s'intègre aux autres types de cadres.

2. Installation

Étape par étape

Chercheurs

1. Accédez à Google Chrome.
2. Allez à la page du Chrome Web Store pour Labvanced Web Bridge.
3. Cliquez sur "Ajouter à Chrome".
4. Dans la boîte de confirmation, cliquez sur "Ajouter l'extension".
5. Vous verrez l'icône Labvanced Web Bridge apparaître dans votre barre d'outils Chrome.

Participants

1. Cliquez sur Installer
2. Cliquez sur "Ajouter à Chrome".
3. Dans la boîte de confirmation, cliquez sur "Ajouter l'extension".
4. Retournez à l'expérience et actualisez la page pour commencer l'étude.

Confirmer que l'extension est active

Chercheurs Après l'installation, accédez à l'onglet Dashboard et créez un New Study. Faites défiler vers le bas et activez Track External Website: en cochant la case et en saisissant l'URL du site Web cible. Si l'extension est correctement installée, l'éditeur Labvanced affichera une coche verte et un message de confirmation.

Participants

Après avoir actualisé la page de l'expérience, l'expérience continuera.

3. Qui devrait installer cela ?

Chercheurs

Installez l'extension si vous :

• Conceptez une étude qui inclut un vrai site Web comme stimulus (par exemple, tester une page produit, un article d'actualité, une interface de kiosque).
• Utilisez l'élément Website Frame dans l'éditeur Labvanced.
• Prévisualisez ou pilotez une étude qui inclut des sites Web externes.

Vous n'avez pas besoin de cette extension pour des études qui utilisent uniquement des stimuli Labvanced standard (images, vidéos, textes, formulaires, etc.) ou êtes le propriétaire du site Web qui peut directement éditer et contrôler vos propres en-têtes HTTP pour votre site Web.

Participants à l'étude

Installez l'extension si :

• Vous avez reçu un lien d'étude et on vous a demandé de l'installer avant de commencer.
• La page d'accueil de l'étude vous demande de confirmer que l'extension est installée.

Si vous n'êtes pas sûr d'en avoir besoin, la page de votre lien d'étude vous le dira avant le début de l'étude.

4. Comment l'utiliser — Guide du chercheur

4.1 Ajouter un cadre de site Web à votre étude

1. Ouvrez votre expérience dans l'éditeur Labvanced.
2. Sous le Trial Timeline, cliquez sur l'option de cadre + Website.
3. Sélectionnez "Cadre de site Web" parmi les types d'éléments, puis l'option External Website. Si l'extension est active, le message de confirmation vert apparaîtra. Sinon, veuillez consulter la section ci-dessus sur la procédure d'installation.
4. Le site Web que vous avez indiqué lors de la création de la tâche à l'étape précédente apparaîtra automatiquement.

4.2 Sélection des zones d'intérêt (AOI)

Les zones d'intérêt (AOI) sont les éléments spécifiques sur le site Web intégré que vous souhaitez suivre. Par exemple, une image de produit, un titre ou un bouton "Ajouter au panier".

Il n'y a pas de détection automatique : Labvanced ne lit jamais le HTML ou le balisage de conteneur du site Web intégré pour deviner quels éléments sont importants pour votre étude. Chaque AOI est une action manuelle de clic et d'ancrage dans l'éditeur. Une AOI à elle seule n'enregistre également aucune donnée, la capture du regard nécessite un événement Eyetracking Gaze explicite construit dessus, voir Enregistrer les données de regard : Ajouter des événements dans le guide du cadre de site Web pour savoir comment le configurer.

1. Avec le cadre de site Web actif dans l'éditeur et le site Web affiché de manière interactive, cliquez sur l'objet Add Website AOI dans le menu latéral.
2. L'objet AOI sera ajouté et apparaîtra en rouge. Cliquez sur votre AOI cible. La sélection deviendra verte.

• Si Pick Element ne s'ancre pas à l'élément exact que vous vouliez, ou si vous souhaitez ajuster la cible, la taille ou la position d'une AOI existante, consultez Sélection et ajustement des AOI de site Web pour la référence complète sur les contrôles de navigation Parent/Child/Prev/Next, les décalages de taille et de position, Text Filter, Scrollable container, et vérification qu'une AOI est réellement ancrée avant de publier.
• Vous pouvez également utiliser l'option Resolution pour indiquer si l'étude doit être pour un bureau ou un mobile. Dans l'image ci-dessous, mobile a été sélectionné et les AOIs ont été automatiquement mis à jour.

3. Répétez pour d'autres éléments.
4. Chaque AOI apparaîtra dans la liste AOI. À elle seule, elle n'enregistrera aucune donnée, ajoutez un événement Eyetracking Gaze comme décrit ci-dessus pour commencer à le capturer.

4.3 Qu'est-ce qui est suivi

Pour chaque AOI pendant une session d'étude, Labvanced offre au chercheur les possibilités suivantes pour enregistrer des données comportementales :

4.4 Prévisualisation de votre étude

Avant de publier, prévisualisez toujours votre étude avec l'extension installée pour confirmer :

• Le site Web se charge correctement dans le cadre.
• Les AOIs fonctionnent comme prévu.

D'abord, enregistrez la tâche, puis cliquez sur le bouton "Aperçu" de lecture dans la barre d'outils de l'éditeur sous Task Controls pour ouvrir un aperçu du participant de la tâche spécifique.

4.5 Publication et Partage

Une fois votre étude prête :

1. Allez à l'onglet Launch & Participate.
2. Cliquez sur le bouton Activate pour activer les enregistrements de données pour votre étude.
3. Sous Online Participation / Study Published, cliquez sur Publish.
4. Copiez le Online Participation Link et partagez-le avec vos participants.

5. Comment l'Utiliser — Guide du Participant

Avant l'Étude

1. Vous recevrez un lien direct vers une étude de recherche Labvanced de la part du chercheur.
2. Si l'extension n'est pas encore installée, la page de l'étude affichera une invite d'installation avec un lien direct vers le Chrome Web Store.
3. Installez l'extension, puis revenez au lien de l'étude et rafraîchissez la page.
4. Une fois que l'étude confirme que l'extension est installée, cliquez sur Start pour commencer.

Pendant l'Étude

• Utilisez et interagissez avec le site web qui vous est montré comme vous le feriez normalement : parcourez, cliquez et faites défiler selon les instructions.
• L'extension fonctionne silencieusement en arrière-plan. Vous n'avez pas besoin d'interagir avec elle.
• Ne cliquez pas sur l'icône de l'extension pendant l'étude. Ce n'est pas nécessaire.

Après l'Étude

• Répondez à toutes les questions postétude si demandé.
• Une fois l'étude terminée, vous pouvez désinstaller l'extension si vous n'en avez plus besoin :
  • Cliquez avec le bouton droit sur l'icône de l'extension dans la barre d'outils → "Supprimer de Chrome".

6. Cas d'Utilisation

6.1 Recherche UX E-commerce

Intégrez une liste de produits ou une page de paiement. Suivez lesquelles des images de produits sur lesquelles les participants se fixent, quels boutons "Ajouter au panier" ils cliquent et combien ils défilent avant de prendre une décision.

6.2 Études d'Attention dans les Médias et Nouvelles

Intégrez un article d'actualité ou une page d'accueil. Mesurez quels titres attirent le plus d'attention, comment les schémas de lecture varient en fonction de la longueur des articles, et quelles images attirent d'abord le regard.

6.3 Test de Navigation & d'Architecture de l'Information

Intégrez le menu de navigation d'un site web ou un flux multi-page. Enregistrez les clics et les temps de survol pour évaluer la clarté des étiquettes de menu et leur découvrabilité.

6.4 Études de Comparaison (A/B)

Créez deux essais avec différentes versions du site web intégrées. Randomisez les participants entre les conditions en utilisant le contrebalancement intégré de Labvanced. Comparez les métriques AOI entre les groupes.

7. Données & Confidentialité

Quelles données l'extension collecte-t-elle ?

L'extension collecte les éléments suivants uniquement lorsque vous êtes dans une session de recherche Labvanced active :

• Positions des cadres de délimitation (x, y, largeur, hauteur) des éléments de page sélectionnés par le chercheur
• Coordonnées de la souris, positions de clic, événements de survol et chemins de mouvement de la souris
• La position de défilement actuelle de la page et l'URL de la page
• Extraits de texte visibles des éléments survolés/cliqués (truncés à 50 caractères)

Les champs de mot de passe et les entrées de formulaire sensibles ne sont jamais lus. L'extension exclut explicitement <input type="password"> et les entrées avec des attributs d'auto-complétion sensibles (autocomplete="password", cc-*). Ceux-ci renvoient des valeurs vides dans tous les cas.

Où vont les données ?

Toutes les données sont transmises exclusivement à la page labvanced.com intégrant via l'API postMessage du navigateur. L'extension n'envoie aucune donnée à des serveurs externes, ne stocke rien localement et ne collecte aucune donnée lors de la navigation normale en dehors d'une étude Labvanced.

L'extension me suit-elle sur d'autres sites web ?

Non. Les scripts de contenu de l'extension sont injectés dans tous les iframes (car le domaine du site web cible ne peut pas être connu à l'avance), mais ils sortent immédiatement à moins que location.ancestorOrigins ne confirme que labvanced.com est un cadre ancêtre. Sur tout site web non intégré par Labvanced, aucun auditeur n'est installé, aucun DOM n'est lu et aucune donnée ne circule.

L'extension modifie-t-elle quelque chose en dehors de Labvanced ?

Non. L'extension supprime les restrictions d'intégration iframe (X-Frame-Options / en-têtes Content-Security-Policy) uniquement dans les onglets de navigateur dont l'URL de niveau supérieur est labvanced.com. Tous les autres onglets sont complètement non affectés. Ces règles sont stockées en mémoire uniquement et sont supprimées lorsque l'onglet se ferme ou se déplace.

Politique de Confidentialité Complète

Consultez la politique de confidentialité complète à : https://www.labvanced.com/extension-privacy-policy.html

8. Dépannage

Le site ne se charge pas dans mon étude

Causes possibles et solutions :

L'icône de l'extension affiche un avertissement ou est grisée

• Cliquez sur l'icône pour ouvrir le popup et lire le message d'état.
• Assurez-vous d'être sur une page labvanced.com ou d'avoir une étude Labvanced ouverte.
• Essayez de désactiver et de réactiver l'extension depuis chrome://extensions.

Le sélecteur d'éléments ne met pas en surbrillance les éléments

• Assurez-vous que l'extension est activée et que vous êtes dans l'éditeur (pas en mode aperçu).
• Certains sites web utilisent le Shadow DOM ou des structures iframe-dans-iframe qui limitent la sélection des éléments. Essayez de sélectionner un élément Parent via le panneau Object Properties.
• Rafraîchissez l'éditeur et essayez à nouveau.

9. Questions Fréquemment Posées

Q : L'extension est-elle gratuite ? R : Oui. L'extension est gratuite à installer et à utiliser. Un compte Labvanced est requis pour concevoir des études.

Q : Fonctionne-t-elle sur d'autres navigateurs (Firefox, Safari, Edge) ? R : Actuellement, seul Google Chrome est supporté. Microsoft Edge (basé sur Chromium) peut fonctionner mais n'est pas officiellement supporté ou testé.

Q : Dois-je laisser l'extension installée après l'étude ? R : Non. Les participants peuvent désinstaller immédiatement après avoir terminé l'étude. Cliquez avec le bouton droit sur l'icône de l'extension → "Supprimer de Chrome".

Q : L'extension ralentira-t-elle mon navigateur ? R : L'extension est inactive en dehors des sessions Labvanced. Elle n'ajoute aucune surcharge à la navigation normale.

Q : Peut-elle voir mes mots de passe ou mes informations bancaires ? R : Non. Les champs de mot de passe (<input type="password">) et les entrées de carte de crédit sont explicitement exclus et renvoient des valeurs vides dans tous les cas. L'extension ne lit jamais ni ne transmet de données sensibles de formulaire.

Q : En tant que chercheur, puis-je l'utiliser pour suivre un site web que le participant visite par ses propres moyens ? R : Non. L'extension ne s'active que dans les iframes intégrées par labvanced.com. Elle ne peut pas suivre les sites web que les participants visitent de manière indépendante dans d'autres onglets.

Q : La politique informatique de mon institution exige un examen de l'extension avant que les employés puissent l'installer. Qui puis-je contacter ? R : Contactez-nous à [email protected] avec votre demande.

10. Contact & Support

Email : [email protected]

Documentation : https://www.labvanced.com/content/learn/fr/guide/

Forum communautaire sur Discord : https://discord.com/invite/SBpFJnVZah

Rapports de bogues : Veuillez inclure :

• Votre version de Chrome (chrome://settings/help)
• L'URL du site web que vous essayez d'intégrer
• Une capture d'écran de tout message d'erreur
• Les étapes pour reproduire le problème

Labvanced Web Bridge est développé et maintenu par Scicovery GmbH. Pour la politique de confidentialité complète, visitez https://www.labvanced.com/extension-privacy-policy.html