Labvanced Web Bridge — Erweiterungsunterstützung & Anleitung

Neu bei Web Bridge? Folgen Sie dem Website Frame Eye Tracking Walkthrough für einen vollständigen Taskfluss von Anfang bis Ende und kommen Sie dann hierher für vollständige Referenzdetails.

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, bei denen Teilnehmer mit Live-Websites von Drittanbietern interagieren, während Labvanced Augenbewegungen (über Webcam), Mausklicks, Hover-Ereignisse und Scroll-Verhalten aufzeichnet.

Ohne diese Erweiterung verhindern Browser, dass Websites innerhalb von Forschungsstudien eingebettet werden, aufgrund von standardmäßigen Sicherheitsbeschränkungen. Die Erweiterung hebt diese Beschränkungen nur innerhalb kontrollierter Labvanced-Forschungssitzungen auf und fügt die erforderlichen Verfolgungsfähigkeiten hinzu, um die Interaktion der Teilnehmer auf der eingebetteten Website zu messen.

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. Sie sehen das Labvanced Web Bridge-Symbol in Ihrer Chrome-Toolbar erscheinen.

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ätigen, dass die Erweiterung aktiv ist

Forscher Nach der Installation navigieren Sie zum Dashboard-Reiter und erstellen Sie eine New Study. Scrollen Sie nach unten und aktivieren Sie Track External Website:, indem Sie das Kästchen ankreuzen, und geben Sie die URL der Zielwebsite ein. 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 die Studie fortgesetzt.

3. Wer sollte das installieren?

Forscher

Installieren Sie die Erweiterung, wenn Sie:

• Eine Studie entwerfen, die eine echte Website als Stimulus umfasst (z. B. Testen einer Produktseite, eines Nachrichtenartikels, einer Kiosk-Oberfläche).
• Das Website Frame-Element im Labvanced-Editor verwenden.
• Eine Vorschau oder Pilotstudie durchführen, die externe Websites umfasst.

Sie benötigen nicht diese Erweiterung für Studien, die nur Standardstimuli von Labvanced (Bilder, Videos, Texte, Formulare usw.) verwenden, oder wenn Sie der Website-Eigentümer sind, der direkt Ihre eigenen HTTP-Header für Ihre Website bearbeiten und steuern kann.

Studien Teilnehmer

Installieren Sie die Erweiterung, wenn:

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

Wenn Sie sich nicht sicher sind, ob Sie sie benötigen, wird Ihnen die Seite des Studienlinks vor Beginn der Studie mitteilen, ob Sie sie benötigen.

4. So verwenden Sie es — Forscherleitfaden

4.1 Hinzufügen eines Website-Rahmens zu Ihrer Studie

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

4.2 Auswahl der Interessensgebiete (AOIs)

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

Es gibt keine automatische Erkennung: Labvanced liest niemals den eigenen HTML- oder Containermark-up der eingebetteten Website, um zu erraten, welche Elemente für Ihre Studie wichtig sind. Jedes AOI ist eine manuelle Klick- und Verankerungsaktion im Editor. Ein AOI selbst zeichnet auch keine Daten auf, die Erfassung von Blickdaten erfordert ein explizites Eyetracking Gaze-Ereignis, das darauf aufgebaut ist. Weitere Informationen finden Sie im Gaze-Daten aufzeichnen: Ereignisse hinzufügen im Website Frame-Walkthrough, wie Sie es einrichten.

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

• Wenn Sie die AOI-Auswahl ändern möchten, können Sie das Eigenschaftenfeld des Objekts verwenden, um die Auswahl anzupassen, indem Sie auf die Parent der Auswahl zeigen, um nach oben zu bewegen, und einen größeren Teil der Website auszuwählen, oder auf die Child der Auswahl zeigen, um eine spezifischere Komponente auszuwählen. Sobald das AOI verankert und in grün angezeigt wird, können Sie auch den Größenversatz erhöhen, indem Sie die Pixel in den x- und y-Koordinaten pro Seite vergrößern oder verringern, sowie seine Position.
• Sie können auch die Resolution-Option verwenden, um anzugeben, ob die Studie für Desktop oder Mobilgerät sein soll. Im Bild unten wurde mobile ausgewählt und die AOIs wurden automatisch aktualisiert.

3. Wiederholen Sie dies für zusätzliche Elemente.
4. Jedes AOI erscheint in der AOI-Liste. Es zeichnet alleine keine Daten auf; fügen Sie ein Eyetracking Gaze-Ereignis wie oben beschrieben hinzu, um die Erfassung zu starten.

4.3 Was verfolgt wird

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

4.4 Vorschau auf Ihre Studie

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

• Die Website lädt korrekt im Rahmen.
• AOIs funktionieren wie erwartet.

Speichern Sie zuerst die Aufgabe und klicken Sie dann auf die Schaltfläche "Vorschau" in der Bearbeitungsleiste 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 Datenerfassungen für Ihre Studie zu aktivieren.
3. Klicken Sie unter Online Participation / Study Published auf Publish.
4. Kopieren Sie das Online Participation Link und teilen Sie es mit Ihren Teilnehmern.

5. Wie man es benutzt – Teilnehmerleitfaden

Vor der Studie

1. Sie erhalten einen direkten Link zu einer Labvanced-Forschungsstudie von dem 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 zum Studienlink zurück 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

• Verwenden und interagieren Sie mit der Website, die Ihnen angezeigt wird, wie Sie es normalerweise tun würden: durchblättern, 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 Symbolleiste → "Aus Chrome entfernen".

6. Anwendungsfälle

6.1 E-Commerce UX-Forschung

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

6.2 Studien zur Aufmerksamkeit in den Nachrichten & Medien

Betten Sie einen Nachrichtenartikel oder die Startseite ein. Messen Sie, welche Überschriften die meiste Aufmerksamkeit auf sich ziehen, wie sich die Lesegewohnheiten je nach Artikel-Länge unterscheiden und welche Bilder zuerst das Auge anziehen.

6.3 Navigation und Informationsarchitektur-Test

Betten Sie das Navigationsmenü einer Website oder einen mehrseitigen Flow ein. Zeichnen Sie Klicks und Hover-Dauer auf, um die Klarheit und Auffindbarkeit der Menübezeichnungen zu bewerten.

6.4 Vergleichsstudien (A/B)

Erstellen Sie zwei Versuche mit unterschiedlichen eingebetteten Website-Versionen. Randomisieren Sie die Teilnehmer über die Bedingungen mithilfe der integrierten Gegenbalancierung von Labvanced. Vergleichen Sie die AOI-Metriken zwischen den Gruppen.

7. Daten & Datenschutz

Welche Daten sammelt die Erweiterung?

Die Erweiterung sammelt nur die folgenden Daten 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 von gehobenen/klickten Elementen (auf 50 Zeichen gekürzt)

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

Wo gehen die Daten hin?

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 sammelt keine Daten während des normalen Surfens außerhalb einer Labvanced-Studie.

Verfolgt die Erweiterung mich auf anderen Websites?

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

Ändert die Erweiterung etwas außerhalb von Labvanced?

Nein. Die Erweiterung entfernt iframe-Einbettungsbeschränkungen (X-Frame-Options / Content-Security-Policy-Header) nur in Browser-Tabs, deren übergeordnete URL labvanced.com ist. Alle anderen Tabs sind völlig unbeeinflusst. Diese Regeln werden nur im Speicher gespeichert und werden entfernt, wenn der Tab geschlossen oder die Navigation geändert wird.

Vollständige Datenschutzrichtlinie

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

8. Fehlerbehebung

Die Website lädt in meiner Studie nicht

Mögliche Ursachen und Lösungen:

Das Erweiterungssymbol zeigt eine Warnung oder ist ausgegraut

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

Der Elementwähler hebt keine Elemente hervor

• Stellen Sie sicher, dass die Erweiterung aktiviert ist und Sie sich im Editor befinden (nicht im Vorschaumodus).
• Einige Websites verwenden Shadow DOM oder iframe-in-frame-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 ist kostenlos zu installieren und zu verwenden. Ein Labvanced-Konto ist erforderlich, um Studien zu entwerfen.

F: Funktioniert es in anderen Browsern (Firefox, Safari, Edge)? A: Derzeit wird nur Google Chrome unterstützt. Microsoft Edge (Chromium-basiert) könnte 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 → "Aus 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ätzlichen Belastungen hinzu.

F: Kann sie meine Passwörter oder Bankinformationen sehen? A: Nein. Passwortfelder (<input type="password">) und Kreditkarten-Eingaben sind ausdrücklich ausgeschlossen und geben 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 selbst besucht? A: Nein. Die Erweiterung wird nur in iframes aktiviert, 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. Wen kann ich kontaktieren? A: Kontaktieren Sie uns unter [email protected] mit Ihrer Anfrage.

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 geben Sie an:

• 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 gepflegt. Für die vollständige Datenschutzrichtlinie besuchen Sie https://www.labvanced.com/extension-privacy-policy.html