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, bei denen Teilnehmer mit live, externen Websites interagieren — während Labvanced Augenbewegungen (über die Webcam), Mausklicks, Hover-Ereignisse und Scrollverhalten aufzeichnet.

Ohne diese Erweiterung verhindern Browser, dass Websites innerhalb von Forschungsstudien eingebettet werden, aufgrund der standardmäßigen Sicherheitsbeschränkungen. Die Erweiterung hebt diese Beschränkungen nur innerhalb kontrollierter Labvanced-Forschungssitzungen auf und fügt die erforderlichen Verfolgungsfunktionen 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 werden sehen, dass das Labvanced Web Bridge-Symbol in Ihrer Chrome-Toolbar erscheint.

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 die Studie zu beginnen.

Bestätigen der aktiven Erweiterung

Forscher Nach der Installation navigieren Sie zum Tab Dashboard und erstellen eine Neue Studie. Scrollen Sie nach unten und aktivieren Sie Track External Website: indem Sie das Kästchen ankreuzen und geben Sie die Ziel-Website-URL 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 Studienseite 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 beinhaltet (z. B. das Testen einer Produktseite, eines Nachrichtenartikels oder einer Kiosk-Oberfläche).
• Das Element Website Frame im Labvanced-Editor verwenden.
• Eine Studie, die externe Websites beinhaltet, vorab oder in einer Pilotstudie vorführen.

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-Besitzer sind, der direkt seine eigenen HTTP-Header für die eigene Website bearbeiten und steuern kann.

Studien-Teilnehmer

Installieren Sie die Erweiterung, wenn:

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

Wenn Sie unsicher sind, ob Sie diese benötigen, wird Ihre Studienlinkseite Ihnen vor Beginn der Studie weitere Informationen geben.

4. Wie man es benutzt — Forscher-Anleitung

4.1 Hinzufügen eines Website-Rahmens zu Ihrer Studie

1. Öffnen Sie Ihr Experiment im Labvanced-Editor.
2. Klicken Sie unter der Trial Timeline auf die Option + Website Frame.
3. Wählen Sie "Website Frame" aus den Elementtypen, dann die Option External Website. Wenn die Erweiterung aktiv ist, wird die grüne Bestätigungsnachricht angezeigt. Andernfalls beachten Sie bitte den vorherigen Abschnitt über den Installationsprozess.
4. Die Website, die Sie beim Erstellen der Aufgabe im vorherigen Schritt angegeben haben, wird nun 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"-Button.

1. Mit dem aktiven Website-Rahmen im Editor und der Website, die interaktiv angezeigt wird, klicken Sie auf das Objekt Add Website AOI 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 Sie die AOI-Auswahl ändern möchten, können Sie das Objekt-Eigenschaften-Panel verwenden, um die Auswahl anzupassen, indem Sie auf das Parent der Auswahl zeigen, um einen größeren Teil der Website auszuwählen, oder auf das Child der Auswahl, um eine spezifischere Komponente auszuwählen. Sobald das AOI verankert ist (und in Grün angezeigt wird), können Sie auch die Größe anpassen, indem Sie die Pixel in den x- und y-Koordinaten pro Seite erhöhen oder verringern, sowie die Position.
• Sie können auch die Option Resolution 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 weitere Elemente.
4. Jedes AOI wird in der AOI-Liste angezeigt und während der Studie automatisch verfolgt.

4.3 Was wird verfolgt

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

4.4 Vorschau Ihrer Studie

Vor der Veröffentlichung sollten Sie Ihre Studie immer mit der installierten Erweiterung in der Vorschau bestätigen:

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

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

4.5 Veröffentlichen und Teilen

Sobald Ihre Studie bereit ist:

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

5. Wie man es benutzt — Teilnehmer-Anleitung

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.
3. Installieren Sie die Erweiterung, kehren Sie dann zu dem 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 Sie die angezeigte Website, als würden Sie es normalerweise tun — browsen, klicken und scrollen Sie gemäß den Anweisungen.
• Die Erweiterung arbeitet lautlos im Hintergrund. Sie müssen nicht mit ihr interagieren.
• Klicken Sie während der Studie nicht auf das Ein 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 Toolbar → "Von Chrome entfernen".

6. Anwendungsfälle

6.1 E-Commerce UX-Forschung

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

6.2 Studien zur Medienaufmerksamkeit

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

6.3 Testen von Navigation & Informationsarchitektur

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

6.4 Vergleichsstudien (A/B)

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

7. Daten & Datenschutz

Welche Daten sammelt die Erweiterung?

Die Erweiterung sammelt die folgenden nur wenn Sie sich in einer aktiven Labvanced-Forschungssitzung befinden:

• Begrenzungsfeldpositionen (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 hoverenden/klickenden 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-*). 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 gesendet. 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 im Voraus nicht bekannt sein kann), aber sie verlassen sofort die iframe, es sei denn, location.ancestorOrigins bestätigt, dass labvanced.com ein Vorfahrenframe ist. Auf jeder Website, die nicht von Labvanced eingebettet ist, werden keine Listener installiert, kein DOM gelesen und fließen 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 URL labvanced.com ist. Alle anderen Tabs sind vollkommen unberührt. Diese Regeln werden nur im Speicher gespeichert und werden entfernt, wenn der Tab geschlossen oder weg navigiert wird.

Vollständige Datenschutzrichtlinie

Siehe die vollständige Datenschutzrichtlinie 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 ausgegraut

• 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 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 im Editor sind (nicht im Vorschau-Modus).
• Einige Websites verwenden Shadow DOM oder iframes innerhalb von iframes, 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 → "Von Chrome entfernen".

F: Verlangsamt die Erweiterung meinen Browser? A: Die Erweiterung ist außerhalb von Labvanced-Sitzungen inaktiv. Sie fügt dem normalen Surfen keinen Overhead 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: Ich bin ein Forscher -- kann ich dies verwenden, um eine Website zu verfolgen, die der Teilnehmer von selbst 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 verlangen 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 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 Datenschutzrichtlinie besuchen Sie https://www.labvanced.com/extension-privacy-policy.html