Labvanced Web Bridge — Erweiterungsunterstützung & Anleitung

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-Experiment-Plattform (labvanced.com) mit echten Websites verbindet. Sie ermöglicht es Forschern, kontrollierte UX-Studien und Verhaltensforschung durchzuführen, in denen Teilnehmer mit live, von Drittanbietern bereitgestellten Websites interagieren — während Labvanced Augenbewegungen (über Webcam), Mausklicks, Hover-Ereignisse und Scrollverhalten aufzeichnet.

Ohne diese Erweiterung verhindern Browser, dass Websites in Forschungsstudien eingebettet werden, aufgrund standardmäßiger Sicherheitsbeschränkungen. Die Erweiterung hebt diese Einschrä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. Das Labvanced Web Bridge-Symbol sollte 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 Studie zurück und aktualisieren Sie die Seite, um mit der Studie zu beginnen.

Bestätigung, dass die Erweiterung aktiv ist

Forscher Nach der Installation navigieren Sie zum Tab Dashboard und erstellen eine Neue Studie. Scrollen Sie nach unten und aktivieren Sie Externen Website verfolgen: indem Sie das Kontrollkästchen aktivieren 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 Versuchsseite wird die Studie fortgesetzt.

3. Wer sollte dies installieren?

Forscher

Installieren Sie die Erweiterung, wenn Sie:

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

Sie benötigen nicht diese Erweiterung für Studien, die nur standardmäßige Labvanced-Stimuli (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 Onboarding-Seite der Studie Sie auffordert, die Installation der Erweiterung zu bestätigen.

Wenn Sie sich unsicher sind, ob Sie sie benötigen, wird Ihnen die Seite Ihres Studienlinks dies vor Beginn der Studie mitteilen.

4. Wie man es verwendet — Anleitung für Forscher

4.1 Hinzufügen eines Website-Frames zu Ihrer Studie

1. Öffnen Sie Ihr Experiment im Labvanced-Editor.
2. Klicken Sie unter Trial Timeline auf die Option + Website-Frame.
3. Wählen Sie "Website-Frame" aus den Elementtypen und dann die Option Externes Website. Wenn die Erweiterung aktiv ist, erscheint die grüne Bestätigungsnachricht. Andernfalls siehe den obigen Abschnitt zur Installationsanleitung.
4. Die Website, die Sie beim Erstellen der Aufgabe im vorhergehenden Schritt angegeben haben, wird nun automatisch erscheinen.

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.

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

• Wenn Sie die AOI-Auswahl ändern möchten, können Sie das Bedienfeld für die Objektattribute verwenden, um die Auswahl anzupassen, indem Sie auf das Elternteil der Auswahl zeigen, um nach oben zu bewegen und einen größeren Teil der Website auszuwählen oder das Kind der Auswahl, um eine spezifischere Komponente auszuwählen. Sobald das AOI verankert ist (und grün angezeigt wird), können Sie auch seinen Größenoffset 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 Option Auflösung verwenden, um anzugeben, ob die Studie für Desktop oder mobile Geräte sein sollte. Im Bild unten wurde mobil ausgewählt und die AOIs wurden automatisch aktualisiert.

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

4.3 Was verfolgt wird

Für jedes AOI während einer Studieneinheit bietet Labvanced dem Forscher die folgenden Möglichkeiten zur Aufzeichnung von Verhaltensdaten:

4.4 Vorschau Ihrer Studie

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

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

Speichern Sie zuerst die Aufgabe, und klicken Sie dann auf die Schaltfläche "Vorschau" im Editor-Toolbar unter Task Controls, um eine Teilnehmeransicht-Vorschau der spezifischen Aufgabe zu öffnen.

4.5 Veröffentlichen und Teilen

Sobald Ihre Studie bereit ist:

1. Gehen Sie zum Tab Starten & Teilnehmen.
2. Klicken Sie auf die Schaltfläche Aktivieren, um die Datenaufzeichnungen für Ihre Studie zu aktivieren.
3. Klicken Sie unter Online-Teilnahme / Studie veröffentlicht auf Veröffentlichen.
4. Kopieren Sie den Link zur Online-Teilnahme und teilen Sie ihn mit Ihren Teilnehmern.

5. Wie man es verwendet — Anleitung für Teilnehmer

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.```markdown

Während der Studie

• Nutzen Sie die angezeigte Website und interagieren Sie damit, wie Sie es normalerweise tun würden — browsen, klicken und scrollen Sie wie angewiesen.
• Die Erweiterung funktioniert im Hintergrund stillschweigend. 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 → "Von Chrome entfernen".

6. Anwendungsfälle

6.1 E-Commerce UX-Forschung

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

6.2 Studien zur Medien- und Nachrichtenaufmerksamkeit

Binden Sie einen Nachrichtenartikel oder eine Startseite ein. Messen Sie, welche Überschriften die meiste Aufmerksamkeit erregen, wie sich Lesemuster je nach Artikellänge ändern und welche Bilder als erstes ins Auge fallen.

6.3 Navigation & Test der Informationsarchitektur

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

6.4 Vergleichsstudien (A/B)

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

7. Daten & Datenschutz

Welche Daten sammelt die Erweiterung?

Die Erweiterung sammelt die folgenden 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 Mausbewegungspfade
• Die aktuelle Seiten-Scroll-Position und die Seiten-URL
• Sichtbare Textausschnitte von gehobenen/geklickten Elementen (auf 50 Zeichen gekürzt)

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

Wo gehen die Daten hin?

Alle Daten werden ausschließlich an die einbindende 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 eingefügt (da die Ziel-Website-Domain im Voraus nicht bekannt sein kann), aber sie verlassen sofort den Iframe, es sei denn, location.ancestorOrigins bestätigt, dass labvanced.com ein Vorfahre 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 irgendetwas außerhalb von Labvanced?

Nein. Die Erweiterung entfernt Iframe-Einbettungsbeschränkungen (X-Frame-Options / Content-Security-Policy-Header) nur in Browser-Tabs, deren Top-Level-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 wird oder zu einer anderen Seite navigiert.

Vollständige Datenschutzerklärung

Siehe die vollständige Datenschutzerklärung 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 befinden oder eine Labvanced-Studie geöffnet haben.
• Versuchen Sie, die Erweiterung in chrome://extensions zu deaktivieren und erneut zu aktivieren.

Der Elementauswähler hebt keine Elemente hervor

• Stellen Sie sicher, dass die Erweiterung aktiviert ist und Sie sich im Editor befinden (nicht im Vorschau-Modus).
• Einige Websites verwenden Shadow DOM oder Iframe-in-Iframe-Strukturen, die die Auswahl von Elementen einschränken. Versuchen Sie, ein Parent-Element über das Panel „Objekteigenschaften“ 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 nutzen. 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 → "Von Chrome entfernen".

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

F: Kann sie meine Passwörter oder Bankdaten 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: Ich bin ein Forscher — kann ich dies verwenden, um eine Website zu verfolgen, die der Teilnehmer selbst besucht? A: Nein. Die Erweiterung aktiviert sich nur in von labvanced.com eingebetteten Iframes. Sie kann keine Websites verfolgen, die 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/en/guide/

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

Fehlerberichte: Bitte enthalten Sie:

• Ihre Chrome-Version (chrome://settings/help)
• Die URL der Website, die Sie einbetten möchten
• Ein Screenshot von etwaigen 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