Labvanced Web Bridge — Support & Guide de l'Extension

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) à des sites Web réels. 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 — pendant 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 l'intégration de sites Web dans des études de recherche en raison de restrictions de sécurité standard. L'extension lève ces restrictions uniquement lors de sessions de recherche Labvanced contrôlées et ajoute les capacités de suivi comportemental nécessaires pour mesurer l'interaction des participants sur le site intégré.

2. Installation

Étape par étape

Chercheurs

1. Accédez à Google Chrome.
2. Rendez-vous sur la page du Chrome Web Store pour Labvanced Web Bridge.
3. Cliquez sur "Ajouter à Chrome".
4. Dans la boîte de dialogue 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 dialogue de confirmation, cliquez sur "Ajouter l'extension".
4. Retournez à l'expérience et rafraîchissez la page pour commencer l'étude.

Confirmation que l'Extension est Active

Chercheurs Après l'installation, accédez à l'onglet Tableau de bord et créez une Nouvelle Étude. Faites défiler vers le bas et activez Suivre le site Web externe: en cochant la case et en entrant 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 rafraîchi la page de l'expérience, l'expérience se poursuivra.

3. Qui devrait installer cela ?

Chercheurs

Installez l'extension si vous :

• Concevez une étude qui inclut un site Web réel comme stimulus (par exemple, tester une page produit, un article de presse, 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 les études qui n'utilisent que des stimuli Labvanced standard (images, vidéos, textes, formulaires, etc.) ou si vous êtes le propriétaire d'un site Web qui peut directement modifier et contrôler vos propres en-têtes HTTP pour votre site.

Participants d'É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, votre page de 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 Chronologie de l'Essai, cliquez sur l'option + Site Web.
3. Sélectionnez "Cadre de Site Web" parmi les types d'éléments, puis l'option Site Web Externe. Si l'extension est active, le message de confirmation vert apparaîtra. Sinon, veuillez vous référer à 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 dans l'étape précédente apparaîtra maintenant automatiquement.

4.2 Sélection des Zones d'Intérêt (AOIs)

Les Zones d'Intérêt (AOIs) 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".

1. Avec le Cadre de Site Web actif dans l'éditeur et le site Web s'affichant de manière interactive, cliquez sur l'objet Ajouter AOI de Site Web 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 maintenant verte.

• Si vous souhaitez modifier la sélection AOI, vous pouvez utiliser le panneau Propriétés de l'objet pour ajuster la sélection en pointant vers le Parent de la sélection pour remonter et sélectionner une plus grande partie du site Web ou vers l'Enfant de la sélection pour sélectionner un composant plus spécifique. Une fois que l'AOI a été ancré (et affiché en vert), vous pouvez également augmenter son décalage de taille en élargissant ou en diminuant les pixels dans les coordonnées x et y de chaque côté, ainsi que sa position.
• Vous pouvez également utiliser l'option Résolution pour indiquer si l'étude doit être pour desktop ou 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 et sera suivi automatiquement pendant l'étude.

4.3 Ce qui est Suivi

Pour chaque AOI pendant une session d'étude, Labvanced propose aux chercheurs 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, sauvegardez la tâche, puis cliquez sur le bouton de lecture "Prévisualiser" dans la barre d'outils de l'éditeur sous Contrôles de Tâche pour ouvrir un aperçu du participant pour la tâche spécifique.

4.5 Publication et Partage

Une fois votre étude prête :

1. Allez à l'onglet Lancer & Participer.
2. Cliquez sur le bouton Activer pour activer les enregistrements de données pour votre étude.
3. Sous Participation en Ligne / Étude Publiée, cliquez sur Publier.
4. Copiez le Lien de Participation en Ligne 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 retournez 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 Commencer pour débuter.```markdown

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 comme indiqué.
• 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 de post-étude si cela vous est demandé.
• Une fois l'étude terminée, vous pouvez désinstaller l'extension si vous n'en avez plus besoin :
  • Cliquez droit sur l'icône de l'extension dans la barre d'outils → "Supprimer de Chrome".

6. Cas d'utilisation

6.1 Recherche UX en e-commerce

Intégrez une page de produit ou une page de paiement. Suivez les images de produits sur lesquelles les participants fixent leur attention, les boutons "Ajouter au panier" sur lesquels ils cliquent et jusqu'où ils défilent avant de prendre une décision.

6.2 Études d'attention dans les médias

Intégrez un article de news ou une page d'accueil. Mesurez quels titres attirent le plus d'attention, comment les modèles de lecture varient en fonction de la longueur de l'article et quelles images captent d'abord le regard.

6.3 Test de navigation et d'architecture de l'information

Intégrez le menu de navigation d'un site web ou un flux multi-pages. Enregistrez les clics et les durées 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 selon les conditions en utilisant le contrebalancement intégré de Labvanced. Comparez les métriques des AOI entre les groupes.

7. Données et 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 boîtes 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 provenant des éléments survolés/cliqués (tronqués à 50 caractères)

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

Où vont les données ?

Toutes les données sont transmises exclusivement à la page labvanced.com intégrée 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 pendant 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 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 écouteur n'est installé, aucun DOM n'est lu et aucune donnée ne circule.

L'extension modifie-t-elle quoi que ce soit en dehors de Labvanced ?

Non. L'extension supprime les restrictions d'intégration d'iframe (X-Frame-Options / entê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 ne sont stockées qu'en mémoire et sont supprimées lorsque l'onglet se ferme ou navigue ailleurs.

Politique de confidentialité complète

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

8. Dépannage

Le site web ne se charge pas dans mon étude

Causes et solutions possibles :

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

• Cliquez sur l'icône pour ouvrir le popup et lire le message d'état.
• Assurez-vous que vous êtes sur une page labvanced.com ou que vous avez 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 (et non en mode aperçu).
• Certains sites web utilisent des structures Shadow DOM ou iframe-dans-iframe qui limitent la sélection d'éléments. Essayez de sélectionner un élément Parent via le panneau Propriétés de l'objet.
• Rafraîchissez l'éditeur et réessayez.

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 dans d'autres navigateurs (Firefox, Safari, Edge) ? R : Actuellement, seul Google Chrome est pris en charge. Microsoft Edge (basé sur Chromium) peut fonctionner mais n'est pas officiellement pris en charge ou testé.

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

Q : L'extension ralentit-elle mon navigateur ? R : L'extension est inactive en dehors des sessions Labvanced. Elle n'ajoute aucun coût à 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 saisies de carte de crédit sont explicitement exclus et retournent des valeurs vides dans tous les cas. L'extension ne lit jamais ni ne transmet des données sensibles de formulaires.

Q : Je suis chercheur — puis-je l'utiliser pour suivre un site web que le participant visite de son propre chef ? 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 indépendamment 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 et support

Email : [email protected]

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

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

Rapports de bugs : Merci d'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