Labvanced Web Bridge — Erweiterungsunterstützung & Anleitung

Brauchen Sie Hilfe? 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 Live-Websites eines Drittanbieters interagieren — während Labvanced Augenbewegungen (über Webcam), Mausklicks, Hover-Ereignisse und Scrollverhalten aufzeichnet.

Ohne diese Erweiterung verhindern Browser, dass Websites innerhalb von Forschungsstudien aufgrund standardmäßiger Sicherheitsbeschränkungen eingebettet werden. Die Erweiterung hebt diese Beschränkungen nur innerhalb kontrollierter Labvanced-Forschungssitzungen auf und fügt die erforderlichen Tracking-Funktionen hinzu, um die Interaktion der Teilnehmer auf der eingebetteten Seite 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-Symbolleiste 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 zurück zum Experiment 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 einen New Study. Scrollen Sie nach unten und aktivieren Sie Track External Website:, indem Sie das Kästchen markieren und die Ziel-Website-URL 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 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 Kioskoberfläche).
• Das Website Frame-Element im Labvanced-Editor verwenden.
• Eine Studie vorab ansehen oder testen, die externe Websites enthält.

Vous benötigen diese Erweiterung nicht für Studien, die nur standardmäßige Labvanced-Stimuli (Bilder, Videos, Texte, Formulare usw.) verwenden, oder wenn Sie der Websitebesitzer 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 zu installieren.
• Die Einführungsseite der Studie Sie auffordert, zu bestätigen, dass die Erweiterung installiert ist.

Wenn Sie unsicher sind, ob Sie sie benötigen, wird Ihnen die Studienlink-Seite vor Beginn der Studie Bescheid geben.

4. Wie man es verwendet — Forscherleitfaden

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-Rahmen" aus den Elementetypen aus und dann die External Website-Option. Wenn die Erweiterung aktiv ist, erscheint die grüne Bestätigungsnachricht. Andernfalls lesen Sie bitte den obigen Abschnitt zur Installationsprozedur.
4. Die Website, die Sie bei der Erstellung der Aufgabe im vorherigen Schritt angegeben haben, wird jetzt automatisch angezeigt.

4.2 Auswählen von Interessensgebieten (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"-Knopf.

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 Objekt Eigenschaften panel verwenden, um die Auswahl anzupassen, indem Sie auf Parent der Auswahl zeigen, um nach oben zu bewegen und einen größeren Teil der Website auszuwählen, oder auf Child der Auswahl, um eine spezifischere Komponente auszuwählen. Nachdem das AOI verankert wurde (und in grün angezeigt wird), können Sie auch seine Größe durch Erweitern oder Verringern der Pixel in den x- und y-Koordinaten pro Seite sowie seine Position erhöhen.
• Sie können auch die Resolution-Option verwenden, um festzulegen, ob die Studie für Desktop oder mobil sein soll. Im Bild unten wurde mobil ausgewählt, und die AOIs wurden automatisch aktualisiert.

3. Wiederholen Sie dies für weitere Elemente.
4. Jedes AOI wird in der AOI-Liste angezeigt und wird automatisch während der Studie verfolgt.

4.3 Was wird verfolgt

Für jedes AOI während einer Studiensitzung bietet Labvanced Forschern folgende Möglichkeiten zur Aufzeichnung von Verhaltensdaten:

4.4 Vorschau Ihrer Studie

Vergewissern Sie sich vor der Veröffentlichung immer, dass Sie Ihre Studie mit der installierten Erweiterung in der Vorschau anzeigen, um zu bestätigen:

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

Speichern Sie zuerst die Aufgabe und klicken Sie dann auf den "Vorschau"-Play-Button in der Editor-Symbolleiste 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 Datenaufzeichnung 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 verwendet — Teilnehmerleitfaden

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 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

• Nutzen Sie die Ihnen angezeigte Website und interagieren Sie damit, wie Sie es normalerweise tun würden – browsen, klicken und scrollen Sie gemäß den Anweisungen.
• Die Erweiterung arbeitet still im Hintergrund. Sie müssen nicht mit ihr interagieren.
• Klicken Sie während der Studie nicht auf das Erweiterungssymbol — das ist nicht notwendig.

Nach der Studie

• Beantworten Sie alle Fragen nach der Studie, wenn 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 → "Von Chrome entfernen".

6. Anwendungsfälle

6.1 E-Commerce UX-Forschung

Betten Sie eine Produktliste oder eine Checkout-Seite ein. Verfolgen Sie, auf welche Produktbilder die Teilnehmer fixieren, welche "In den Warenkorb"-Buttons sie klicken und wie weit sie scrollen, bevor sie eine Entscheidung treffen.

6.2 Studien zur Aufmerksamkeitslenkung in Nachrichten und Medien

Betten Sie einen Nachrichtenartikel oder eine Startseite ein. Messen Sie, welche Überschriften die meiste Aufmerksamkeit erregen, wie sich die Lesegewohnheiten je nach Artikelgröße unterscheiden und welche Bilder zuerst ins Auge fallen.

6.3 Navigation & Informationsarchitektur-Tests

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

6.4 Vergleichsstudien (A/B)

Erstellen Sie zwei Versuche mit unterschiedlichen eingebetteten Website-Versionen. Randomisieren Sie Teilnehmer über Bedingungen mit dem integrierten Gegenbalancierungsmechanismus von Labvanced. Vergleichen Sie AOI-Metriken über Gruppen hinweg.

7. Daten & Datenschutz

Welche Daten sammelt die Erweiterung?

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

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

Passwortfelder und sensible Formulareingaben werden niemals gelesen. Die Erweiterung schließt explizit <input type="password"> und Eingaben mit sensitiven Autocomplete-Attributen (autocomplete="password", cc-*). Diese geben 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 sammelt 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 Domain der Ziel-Website vorher nicht bekannt sein kann), aber sie beenden sofort die Ausführung, es sei denn, location.ancestorOrigins bestätigt, dass labvanced.com ein Vorfahren-Frame ist. Auf jeder Website, die nicht von Labvanced eingebettet ist, werden keine Listener installiert, kein DOM gelesen und keine Daten übermittelt.

Modifiziert die Erweiterung etwas außerhalb von Labvanced?

Nein. Die Erweiterung entfernt Einschränkungen bei der iframe-Einbettung (X-Frame-Options / Content-Security-Policy-Header) nur in Browser-Tabs, deren Haupt-URL labvanced.com ist. Alle anderen Tabs sind davon unberührt. Diese Regeln werden nur im Speicher gespeichert und werden entfernt, wenn der Tab geschlossen wird oder die Navigation wechselt.

Vollständige Datenschutzrichtlinie

Die vollständige Datenschutzrichtlinie finden Sie unter: https://www.labvanced.com/extension-privacy-policy.html

8. Fehlerbehebung

Die Website wird in meiner Studie nicht geladen

Mögliche Ursachen und Lösungen:

Das Erweiterungssymbol zeigt eine Warnung an 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 befinden oder eine Labvanced-Studie geöffnet haben.
• Versuchen Sie, die Erweiterung in chrome://extensions zu deaktivieren und wieder zu aktivieren.

Das Element-Werkzeug hebt keine Elemente hervor

• Stellen Sie sicher, dass die Erweiterung aktiviert ist und Sie sich im Editor (nicht im Vorschaumodus) befinden.
• Einige Websites verwenden Shadow DOM oder iframe-innerhalb-iframe-Strukturen, die die Elementauswahl 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

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

Q: Funktioniert es in anderen Browsern (Firefox, Safari, Edge)? A: Derzeit wird nur Google Chrome unterstützt. Microsoft Edge (Chromium-basiert) könnte funktionieren, wird jedoch nicht offiziell unterstützt oder getestet.

Q: 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".

Q: Verlangsamt die Erweiterung meinen Browser? A: Die Erweiterung ist außerhalb von Labvanced-Sitzungen inaktiv. Sie verursacht keinen Overhead beim normalen Browsing.

Q: Kann sie meine Passwörter oder Bankdaten sehen? A: Nein. Passwortfelder (<input type="password">) und Kreditkarten-Eingaben sind explizit ausgeschlossen und geben in allen Fällen leere Werte zurück. Die Erweiterung liest oder überträgt niemals sensible Formulardaten.

Q: Ich bin ein Forscher — kann ich 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.

Q: Die IT-Policy meiner Institution verlangt eine Überprüfung der Erweiterung, bevor Mitarbeiter sie installieren können. Wer kann ich kontaktieren? A: Kontaktieren Sie uns unter [email protected] mit Ihrer Anfrage.

10. Kontakt & Support

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 Folgendes an:

• Ihre Chrome-Version (chrome://settings/help)
• Die URL der Website, die Sie einbetten möchten
• Einen Screenshot aller Fehlermeldungen
• Schritte zur Reproduktion des Problems

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