Labvanced Web Bridge — Erweiterung Support & Anleitung

Neu bei Web Bridge? Folgen Sie dem Website Frame Eye Tracking Walkthrough für einen umfassenden Aufgabenablauf, und kommen Sie dann hierher für detaillierte Referenzinformationen.

Hilfe benötigt? Kontaktieren Sie uns unter [email protected]

1. Was ist Labvanced Web Bridge?

Labvanced Web Bridge ist eine Browsererweiterung für Google Chrome, die die Labvanced-Experimentplattform (labvanced.com) mit echten Websites verbindet. Sie ermöglicht es Forschern, kontrollierte UX-Studien und Verhaltensforschung durchzuführen, in denen Teilnehmer mit echten, von Dritten betriebenen Websites interagieren, während Labvanced Augenbewegungen (über Webcam), Mausklicks, Hover-Ereignisse und Scrollverhalten aufzeichnet.

Ohne diese Erweiterung verhindern Browser das Einbetten von Websites in Forschungsstudien aufgrund standardmäßiger Sicherheitsbeschränkungen. Die Erweiterung hebt diese Beschränkungen nur innerhalb контролierter Labvanced-Forschungssitzungen auf und fügt die erforderlichen Verfolgungsfunktionen hinzu, um die Interaktion der Teilnehmer auf der eingebetteten Website zu messen.

Im Labvanced-Editor geschieht das Einbetten mithilfe des Website Frame, einem dritten Rahmentyp neben Canvas Frame und Page Frame, der speziell dafür entwickelt wurde, nicht als Variante der anderen beiden. Siehe Website Frame für Informationen, wie es sich neben den anderen Rahmentypen einfügt.

2. Installation

Schritt-für-Schritt

Forscher

1. Navigieren Sie zu Google Chrome.
2. Gehen Sie zur Chrome Web Store-Seite für Labvanced Web Bridge.
3. Klicken Sie auf "Zu Chrome hinzufügen".
4. Klicken Sie im Bestätigungsdialog auf "Erweiterung hinzufügen".
5. Das Labvanced Web Bridge-Icon erscheint in Ihrer Chrome-Werkzeugleiste.

Teilnehmer

1. Klicken Sie auf Installieren.
2. Klicken Sie auf "Zu Chrome hinzufügen".
3. Klicken Sie im Bestätigungsdialog auf "Erweiterung hinzufügen".
4. Kehren Sie zum Experiment zurück und aktualisieren Sie die Seite, um die Studie zu beginnen.

Bestätigung, dass die Erweiterung aktiv ist

Forscher Nach der Installation navigieren Sie zum Dashboard-Tab und erstellen Sie ein New Study. Scrollen Sie nach unten und aktivieren Sie Track External Website:, indem Sie das Feld markieren und die URL der Zielwebsite eingeben. Wenn die Erweiterung korrekt installiert ist, zeigt der Labvanced-Editor ein grünes Häkchen und eine Bestätigungsnachricht an.

Teilnehmer

Nach dem Aktualisieren der Experimentseite wird das Experiment fortgesetzt.

3. Wer sollte dies installieren?

Forscher

Installieren Sie die Erweiterung, wenn Sie:

• Eine Studie entwerfen, die eine echte Website als Stimulus beinhaltet (z. B. Test einer Produktseite, eines Nachrichtenartikels, einer Kioskoberfläche).
• Das Website Frame-Element im Labvanced-Editor verwenden.
• Eine Studie, die externe Websites umfasst, vorab anzeigen oder piloten.

Sie benötigen nicht diese Erweiterung für Studien, die nur standardmäßige Labvanced-Stimuli (Bilder, Videos, Texte, Formulare usw.) verwenden oder Website-Besitzer sind, die direkt ihre eigenen HTTP-Header für Ihre Website bearbeiten und kontrollieren können.

Studien-Teilnehmer

Installieren Sie die Erweiterung, wenn:

• Sie einen Studienlink erhalten haben und angewiesen wurden, ihn vor Beginn zu installieren.
• Die Onboarding-Seite der Studie Sie auffordert, zu bestätigen, dass die Erweiterung installiert ist.

Wenn Sie sich nicht sicher sind, ob Sie sie benötigen, sagt Ihnen Ihre Studienlink-Seite vor Beginn der Studie Bescheid.

4. Wie man es benutzt — Forscheranleitung

4.1 Hinzufügen eines Website-Rahmens zu Ihrer Studie

1. Öffnen Sie Ihr Experiment im Labvanced-Editor.
2. Klicken Sie unter Trial Timeline auf die + Website-Rahmenoption.
3. Wählen Sie "Website Frame" aus den Elementtypen aus, dann die External Website-Option. Wenn die Erweiterung aktiv ist, erscheint die grüne Bestätigungsnachricht. Andernfalls beziehen Sie sich bitte auf den Abschnitt oben zum Installationsverfahren.
4. Die Website, die Sie beim Erstellen der Aufgabe im vorherigen Schritt angegeben haben, wird nun automatisch angezeigt.

4.2 Auswahl von Interessengebieten (AOIs)

Interessengebiete (AOIs) sind die spezifischen Elemente auf der eingebetteten Website, die Sie verfolgen möchten. Zum Beispiel ein Produktbild, eine Überschrift oder eine Schaltfläche "In den Warenkorb".

Es gibt keine automatische Erkennung: Labvanced liest niemals den eigenen HTML- oder Container-Markup der eingebetteten Website, um zu erraten, welche Elemente für Ihre Studie relevant sind. Jedes AOI ist eine manuelle Klick- und Ankeraktion im Editor. Ein AOI allein zeichnet keine Daten auf; die Erfassung des Blicks erfordert ein explizites Eyetracking Gaze-Ereignis, das darauf basiert. Weitere Informationen finden Sie im Record the Gaze Data: Add Events im Website Frame Walkthrough, wie Sie es einrichten.

1. Mit dem aktiven Website Frame im Editor und der Website, die interaktiv angezeigt wird, klicken Sie auf das Add Website AOI-Objekt aus dem Seitenmenü.
2. Das AOI-Objekt wird hinzugefügt und erscheint in Rot. Klicken Sie auf Ihr Ziel-AOI. Die Auswahl wird nun grün.

• Wenn Pick Element nicht genau an das Element ankert, das Sie meinten, oder Sie das Ziel, die Größe oder die Position eines vorhandenen AOIs anpassen möchten, siehe Auswahl und Anpassung von Website-AOIs für die vollständige Referenz zu den Parent/Child/Prev/Next-Navigationssteuerelementen, Größen- und Positionsoffsets, Text Filter, Scrollable container und Überprüfen, ob ein AOI tatsächlich verankert ist, bevor Sie veröffentlichen.
• Sie können auch die Resolution-Option verwenden, um anzugeben, ob die Studie für Desktop oder Mobilgeräte gedacht ist. Im Bild unten wurde Mobil ausgewählt und die AOIs wurden automatisch aktualisiert.

3. Wiederholen Sie dies für zusätzliche Elemente.
4. Jedes AOI wird in der AOI-Liste angezeigt. Es wird keine Daten aufzeichnen; fügen Sie ein Eyetracking Gaze-Ereignis hinzu, wie oben beschrieben, um mit der Erfassung zu beginnen.

4.3 Was verfolgt wird

Für jedes AOI während einer Studiences Sitzung bietet Labvanced den Forschern die folgenden Möglichkeiten zur Aufzeichnung von Verhaltensdaten:

4.4 Vorschau Ihrer Studie

Bevor Sie veröffentlichen, prüfen Sie immer Ihre Studie mit der installierten Erweiterung, um zu bestätigen:

• Die Website wird korrekt im Rahmen geladen.
• AOIs funktionieren wie erwartet.

Zuerst speichern Sie die Aufgabe, dann klicken Sie auf die "Vorschau"-Schaltfläche im Editor-Werkzeug unter Task Controls, um eine Teilnehmeransichtsvorschau der spezifischen Aufgabe zu öffnen.

4.5 Veröffentlichen und Teilen

Sobald Ihre Studie bereit ist:

1. Gehen Sie zum Launch & Participate-Tab.
2. Klicken Sie auf die Activate-Schaltfläche, um die Datenaufzeichnungen für Ihre Studie zu aktivieren.
3. Klicken Sie unter Online Participation / Study Published auf Publish.
4. Kopieren Sie den Online Participation Link und teilen Sie ihn mit Ihren Teilnehmern.

5. Wie man es benutzt — Teilnehmeranleitung

Vor der Studie

1. Sie erhalten einen direkten Link zu einer Labvanced-Forschungsstudie vom Forscher.
2. Wenn die Erweiterung noch nicht installiert ist, zeigt die Studienseite eine Installationsaufforderung mit einem direkten Link zum Chrome Web Store an.
3. Installieren Sie die Erweiterung, kehren Sie dann zurück zum Studienlink und aktualisieren Sie die Seite.
4. Sobald die Studie bestätigt, dass die Erweiterung installiert ist, klicken Sie auf Start, um zu beginnen.

Während der Studie

• Nutzen und interagieren Sie mit der Webseite, die Ihnen angezeigt wird, wie gewohnt: durchstöbern, klicken und scrollen Sie wie angewiesen.
• Die Erweiterung arbeitet still im Hintergrund. Sie müssen nicht mit ihr interagieren.
• Klicken Sie während der Studie nicht auf das Erweiterungssymbol. Es ist nicht notwendig.

Nach der Studie

• Beantworten Sie alle Fragen nach der Studie, falls Sie dazu aufgefordert werden.
• Sobald die Studie endet, können Sie die Erweiterung deinstallieren, wenn Sie sie nicht mehr benötigen:
  • Klicken Sie mit der rechten Maustaste auf das Erweiterungssymbol in der Werkzeugleiste → "Von Chrome entfernen".

6. Anwendungsfälle

6.1 E-Commerce UX-Forschung

Binden Sie eine Produktliste oder die Checkout-Seite ein. Verfolgen Sie, auf welche Produktbilder sich die Teilnehmer konzentrieren, welche "In den Warenkorb"-Schaltflächen sie klicken und wie weit sie scrollen, bevor sie eine Entscheidung treffen.

6.2 Studien zur Medienaufmerksamkeit

Binden Sie einen Nachrichtenartikel oder eine Startseite ein. Messen Sie, welche Überschriften die meiste Aufmerksamkeit auf sich ziehen, wie sich die Lesegewohnheiten je nach Artikellänge unterscheiden und welche Bilder zuerst ins Auge fallen.

6.3 Testen von Navigation und Informationsarchitektur

Binden Sie das Navigationsmenü einer Website oder einen mehrseitigen Ablauf ein. Zeichnen Sie Klicks und Mausbewegungen auf, um die Verständlichkeit und Auffindbarkeit von Menübezeichnungen zu bewerten.

6.4 Vergleichsstudien (A/B)

Erstellen Sie zwei Versuche mit unterschiedlichen eingebetteten Website-Versionen. Randomisieren Sie die Teilnehmer über Bedingungen hinweg, indem Sie die integrierte Gegenbalancierung von Labvanced verwenden. Vergleichen Sie die AOI-Metriken über Gruppen hinweg.

7. Daten & Datenschutz

Welche Daten sammelt die Erweiterung?

Die Erweiterung sammelt Folgendes nur, wenn Sie sich in einer aktiven Labvanced-Forschungssitzung befinden:

• Bounding-Box-Positionen (x, y, Breite, Höhe) von vom Forscher ausgewählten Seitenelementen
• Mauskoordinaten, Klickpositionen, Hover-Ereignisse und Mausbewegungsbahnen
• Die aktuelle Seiten-Scroll-Position und die Seiten-URL
• Sichtbare Textausschnitte aus überfahrenen/gemerkten Elementen (auf 50 Zeichen gekürzt)

Passwortfelder und sensible Formulareingaben werden niemals gelesen. Die Erweiterung schließt ausdrücklich <input type="password"> und Eingaben mit sensiblen Autocomplete-Attributen (autocomplete="password", cc-*) aus. Diese liefern in allen Fällen leere Werte zurück.

Wohin gehen die Daten?

Alle Daten werden ausschließlich an die eingebettete labvanced.com-Seite über die postMessage-API des Browsers übertragen. Die Erweiterung sendet keine Daten an externe Server, speichert nichts lokal und erhebt keine Daten während des normalen Surfens außerhalb einer Labvanced-Studie.

Verfolgt die Erweiterung mich auf anderen Websites?

Nein. Die Inhalts-Skripte der Erweiterung werden in alle iframes injiziert (da die Zielwebsite-Domain im Voraus nicht bekannt sein kann), aber sie verlassen sofort, es sei denn, location.ancestorOrigins bestätigt, dass labvanced.com ein übergeordneter Frame ist. Auf jeder Website, die nicht von Labvanced eingebettet ist, werden keine Listener installiert, kein DOM wird gelesen und es fließen keine Daten.

Modifiziert die Erweiterung etwas außerhalb von Labvanced?

Nein. Die Erweiterung entfernt die Einschränkungen für die Einbettung von iframes (X-Frame-Options / Content-Security-Policy-Headers) nur in Browser-Tabs, deren primäre URL labvanced.com ist. Alle anderen Tabs sind vollkommen unbeeinträchtigt. Diese Regeln werden nur im Speicher gespeichert und werden entfernt, wenn der Tab geschlossen wird oder eine andere Seite aufgerufen wird.

Vollständige Datenschutzerklärung

Siehe die vollständige Datenschutzerklärung unter: https://www.labvanced.com/extension-privacy-policy.html

8. Fehlersuche

Die Website lädt nicht in meiner Studie

Mögliche Ursachen und Lösungen:

Das Erweiterungssymbol zeigt eine Warnung oder ist grau

• Klicken Sie auf das Symbol, um das Popup zu öffnen und die Statusnachricht zu lesen.
• Stellen Sie sicher, dass Sie sich auf einer labvanced.com-Seite befinden oder eine Labvanced-Studie geöffnet haben.
• Versuchen Sie, die Erweiterung in chrome://extensions zu deaktivieren und wieder zu aktivieren.

Der Elementauswähler hebt keine Elemente hervor

• Stellen Sie sicher, dass die Erweiterung aktiviert ist und Sie sich im Editor (nicht im Vorschau-Modus) befinden.
• Einige Websites verwenden Shadow DOM oder iframe-in-iframe-Strukturen, die das Auswählen von Elementen einschränken. Versuchen Sie, ein Parent-Element über das Object Properties-Panel auszuwählen.
• Aktualisieren Sie den Editor und versuchen Sie es erneut.

9. Häufig gestellte Fragen

F: Ist die Erweiterung kostenlos? A: Ja. Die Erweiterung kann kostenlos installiert und verwendet werden. Ein Labvanced-Konto ist erforderlich, um Studien zu entwerfen.

F: Funktioniert sie in anderen Browsern (Firefox, Safari, Edge)? A: Derzeit wird nur Google Chrome unterstützt. Microsoft Edge (basierend auf Chromium) kann funktionieren, wird aber nicht offiziell unterstützt oder getestet.

F: Muss ich die Erweiterung nach der Studie installiert lassen? A: Nein. Teilnehmer können sie sofort nach Abschluss der Studie deinstallieren. Klicken Sie mit der rechten Maustaste auf das Erweiterungssymbol → "Von Chrome entfernen".

F: Wird die Erweiterung meinen Browser verlangsamen? A: Die Erweiterung ist außerhalb von Labvanced-Sitzungen inaktiv. Sie fügt dem normalen Surfen keine zusätzliche Belastung hinzu.

F: Kann sie meine Passwörter oder Bankinformationen sehen? A: Nein. Passwortfelder (<input type="password">) und Kreditkarteneingaben sind ausdrücklich ausgeschlossen und liefern in allen Fällen leere Werte zurück. Die Erweiterung liest oder überträgt niemals sensible Formulardaten.

F: Kann ich als Forscher dies verwenden, um eine Website zu verfolgen, die der Teilnehmer unabhängig besucht? A: Nein. Die Erweiterung aktiviert sich nur innerhalb von iframes, die von labvanced.com eingebettet sind. Sie kann keine Websites verfolgen, die Teilnehmer unabhängig in anderen Tabs besuchen.

F: Die IT-Richtlinien meiner Institution erfordern eine Überprüfung der Erweiterung, bevor Mitarbeiter sie installieren können. Wer kann ich kontaktieren? A: Kontaktieren Sie uns unter [email protected] mit Ihrem Anliegen.

10. Kontakt & Unterstützung

E-Mail: [email protected]

Dokumentation: https://www.labvanced.com/content/learn/de/guide/

Community-Forum auf Discord: https://discord.com/invite/SBpFJnVZah

Fehlerberichte: Bitte fügen Sie bei:

• Ihre Chrome-Version (chrome://settings/help)
• Die URL der Website, die Sie einzubetten versuchen
• Einen Screenshot von Fehlermeldungen
• Schritte zur Reproduktion des Problems

Labvanced Web Bridge wird von der Scicovery GmbH entwickelt und gewartet. Für die vollständige Datenschutzerklärung besuchen Sie https://www.labvanced.com/extension-privacy-policy.html