labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Developmental Psychology
      • Linguistics
      • Clinical & Digital Health
      • Educational Psychology
      • Cognitive & Neuro
      • Social & Personality
      • Arts Research
      • Sports & Movement
      • Marketing & Consumer Behavior
      • Economics
      • HCI / UX
      • Commercial / Industry Use
    • Labvanced Blog
    • Services
  • Technology
    • Feature Overview
    • Code-Free Study Building
    • Eye Tracking
    • Mouse Tracking
    • Generative AI Integration
    • Multi User Studies
    • More ...
      • Reaction Time/Precise Timing
      • Text Transcription
      • Heart Rate Detection (rPPG)
      • Emotion Detection
      • Questionnaires/Surveys
      • Experimental Control
      • Data Privacy & Security
      • Desktop App
      • Mobile App
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Cognitive Tests
    • Sample Studies
    • Public Experiment Library
  • Pricing
    • Licenses
    • Top-Up Recordings
    • Subject Recruitment
    • Study Building
    • Dedicated Support
    • Checkout
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
    • Third-Party Licenses
  • Appgo to app icon
  • Logingo to app icon
Technology
Funktionsübersicht - Alle
Studien-Builder
Eye Tracking
Mausverfolgung
Web Brücke
Generative KI-Integrationen
Mehrbenutzerstudien
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
Funktionsübersicht - Alle
Studien-Builder
Eye Tracking
Mausverfolgung
Web Brücke
Generative KI-Integrationen
Mehrbenutzerstudien
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
Illustration einer Produktseite einer Website in Labvanced mit einem grün umrandeten verfolgten Bereich, Blick-Hitzekartenpunkten, einem Cursor und Scroll-Icons, neben dem Titel Website Eye Tracking und Verhaltenstracking

Website Eye Tracking & Verhaltenstracking

Labvanced Web Bridge bringt eine echte Website in die Labvanced-Umgebung, sodass Sie in einer kontrollierten Umgebung studieren können, wie Teilnehmer darauf schauen, klicken und darin navigieren. Der Blick wird mit Labvanced's Webcam Eye Tracking verfolgt, validiert mit einem EyeLink 1000 in einer begutachteten Studie (Kaduk et al., 2024), zusammen mit Klicks, Hover-Aktionen und Scrollen, alles von der gleichen echten Seite aus erfasst, anstatt sie nachzubauen.


Inhaltsverzeichnis

  • Echte Website-Tests mit Labvanced Web Bridge
  • Verwendung von Web Bridge in einer Studie
  • Forschungsanwendungsfälle
  • Erhobene Daten
  • Validierung & Vergleiche

Echte Website-Tests mit Labvanced Web Bridge

Die meisten Forschungsplattformen können den Teilnehmern nur Reize zeigen, die in ihnen erstellt wurden: Bilder, Videos, Formulare, benutzerdefinierte Seiten. Web Bridge überwindet dieses Limit: Bringen Sie eine echte Produktseite, Nachrichtenseite oder Webanwendung stattdessen in die Studie, indem Sie eine kostenlose Chrome-Erweiterung verwenden.

Kontrollierte UX- und Verhaltensforschung profitiert am meisten, da es wichtiger ist, zu sehen, wie jemand auf das echte Produkt reagiert, als es nachzubauen.

Web Bridge ist Teil von Labvanceds vollständiger Experimentplattform, sodass dieselbe Studie darüber randomisieren kann, welche Version einer Seite ein Teilnehmer sieht, die Website-Verfolgung mit anderen Messungen von Labvanced kombinieren kann und alles in einem konsistenten Format exportiert.

Echte Websites, keine Mockups

Teilnehmer interagieren mit Ihrer echten Website, live, innerhalb der Studie. Was verfolgt wird, ist die echte Seite, die Ihre Nutzer tatsächlich sehen werden.

Alles an einem Ort

Blick, Klicks, Hover-Aktionen und Scrollen werden alle am selben verfolgten Element erfasst, sodass jedes Signal ohne zusätzlichen Aufwand übereinstimmt.

Verfolgt Elemente, nicht Bildschirmpositionen

Markieren Sie etwas einmal. Das Tracking verfolgt es weiterhin korrekt durch Scrollen, Vergrößern und sogar durch Pop-ups oder Menüs, die nur nach einem Klick erscheinen.


Zwei Browserbeschränkungen stehen normalerweise im Weg, und Web Bridge umgeht beide.

Websites blockieren das Einbetten. Viele Seiten setzen einen Sicherheitsheader, X-Frame-Options oder Content-Security-Policy, um zu verhindern, dass sie innerhalb einer anderen Seite dargestellt werden. Web Bridge hebt diese Einschränkung auf, jedoch nur in Browser-Tabs, in denen Labvanced geöffnet ist; andere Tabs sind nicht betroffen, und die Änderung verschwindet in dem Moment, in dem der Tab geschlossen oder Labvanced verlassen wird.

Browser isolieren eingebettete Seiten. Selbst wenn eine Seite eingebettet ist, kann die Mausaktivität darin normalerweise die Seite um sie herum nicht erreichen. Die Erweiterung von Web Bridge liest Klicks, hover-Aktionen und Bewegungen direkt aus der eingebetteten Seite und leitet sie in Echtzeit an die Studie zurück.


Verwendung von Web Bridge in einer Studie

Um es zu verwenden, fügen Forscher einen Website Frame zu einer Studie hinzu und verweisen auf eine echte URL. Von dort aus ist das Markieren dessen, was verfolgt werden soll, eine einfache Klick-und-Auswahl-Aktion: Klicken Sie auf ein Produktfoto, eine Überschrift oder einen Button, und Labvanced sperrt sich auf dieses exakte Element, nicht auf seine Position auf dem Bildschirm. Labvanced überwacht die Seite kontinuierlich, sodass das Tracking automatisch für das Scrollen angepasst wird, für Elemente, die nur nach einem Klick erscheinen, wie ein Pop-up oder ein Dropdown, und sogar für Animationen oder Elemente, die sich selbstständig ändern oder bewegen. Jedes verfolgte Gebiet ist ein einfaches Rechteck, und nichts wird automatisch verfolgt: Ein Forscher wählt genau aus, was vor Beginn der Studie wichtig ist.

Auswahl und Anpassung der Auswahl eines Website-AOI auf einer echten Website im Labvanced-Editor
Auswahl von AOIs und Anpassung der AOI-Auswahl einer echten Website unter Verwendung der Labvanced-Umgebung.

EigenschaftSpezifikationen
BrowserGoogle Chrome
Basierend AufLabvanceds begutachtetem Webcam Eye Tracking (Kaduk et al., 2024) und seinem Mouse Tracking
Was es verfolgtBlick, Klicks, Hover-Aktionen und Scrollen auf jedem Element, das Sie wählen
DatenschutzFunktioniert nur innerhalb der Websites, die Labvanced einbettet. Text in Passwort- und Zahlungsfeldern wird nie gelesen

Installation der Erweiterung

Web Bridge ist eine kostenlose Chrome-Erweiterung. Sowohl Sie als auch Ihre Teilnehmer müssen sie installiert haben. Es dauert weniger als eine Minute, und Labvanced führt die Teilnehmer automatisch durch den Prozess, falls sie sie noch nicht haben.

Vollständige Installations- und Einrichtungsanleitung

Für detailliertere Informationen, sobald Sie eine Studie erstellen, siehe Auswählen und Anpassen von Website-AOIs für die vollständigen AOI-Ankersteuerelemente. Für das Erstellen von Klick-, Hover- und Bewegungsereignissen siehe Verfolgen des Mausverhaltens auf einer Website-AOI.


Registrieren

Forschungsanwendungsfälle

Mock-Up-Seite eines Laufschuhprodukts mit einer Blick-Hitzekarte über dem Schuhfoto, Produktname, Preis, Farbproben und der Schaltfläche Zum Warenkorb hinzufügen

E-Commerce

Betten Sie eine echte Produktseite ein. Sehen Sie, welche Fotos die Menschen tatsächlich anschauen, welche Buttons angeklickt werden und wie weit sie scrollen, bevor sie etwas in ihren Warenkorb legen.

Mock-Nachrichtenseite mit einer Blick-Hitze-Karte, die sich auf die Artikeltitel und das nebenstehende Bild des Berges konzentriert

Nachrichten & Medien

Binden Sie einen aktuellen Nachrichtenartikel ein. Finden Sie heraus, welche Überschriften zuerst bemerkt werden und wie sich die Aufmerksamkeit verändert, wenn ein Artikel länger wird.

Mock-Website-Navigationsleiste mit geöffnetem Dropdown-Menü Lösungen und einem gestrichelten Pfad, der die Bewegung vom Menü Lösungen zu Preisen nachverfolgt

Navigations-Testing

Binden Sie ein echtes Menü oder einen mehrseitigen Fluss ein. Sehen Sie, ob die Leute tatsächlich finden, wonach sie suchen, und wo sie zögern.

Zwei Mock-Nutzungslandeseiten, die mit A und B gekennzeichnet sind, mit unterschiedlichen Überschriften und Schaltflächenfarben 'Jetzt kaufen', jede mit dem Anteil der Besucher, die geklickt haben, 42 Prozent und 67 Prozent, und einem Fortschrittsbalken

A/B-Testing

Binden Sie zwei Versionen derselben Seite ein, weisen Sie die Teilnehmer zufällig mit dem integrierten Gegenbalancierungsmechanismus von Labvanced zu und vergleichen Sie die Ergebnisse direkt.

Mock Seite eines Bildungsquiz für Kinder, die fragt, Welches Tier ist ein Löwe, mit einer Löwenillustration und drei Antwortkarten (Löwe, Elefant, Zebra), und einer Blick-Hitze-Karte, die am stärksten auf der Löwenillustration und der Löwen-Antwortkarte liegt

Entwicklungspsychologie

Binden Sie eine echte Bildungswebsite für Kinder ein und verfolgen Sie, wie junge Teilnehmer sie navigieren. Dies ist nützlich für die Forschung zu digitaler Kompetenz und der Entwicklung von Aufmerksamkeit online.

Mock-Nachrichtenseite mit der Überschrift Können wir den Nachrichten in einer polarisierten Welt vertrauen, einem Foto von Menschen vor einem Gebäude, und einer Blick-Hitze-Karte über der Überschrift, dem Foto und dem Autorenvermerk

Medien- & Politische Psychologie

Binden Sie einen echten Nachrichtenartikel ein und verfolgen Sie, ob die Augen der Menschen jemals den Autorenvermerk oder die Quelle erreichen, bevor sie entscheiden, ob sie ihm vertrauen.

Für Marketingforschung speziell, siehe Website Eye Tracking for Marketing Research: fünf Studien, die Sie durchführen können, von Checkout-Gebühren und Pop-ups bis hin zu Banneranzeigen, Produktseiten und A/B-Tests.


Gesammelte Daten

Das Einbetten einer echten Website verwandelt gewöhnliches Browsen in Forschungsdaten. Mit Web Bridge können Sie herausfinden:

  • Wo Besucher zuerst hinschauen und wie lange
  • Welche Elemente nie angesehen werden oder vollständig übersprungen werden
  • Wie sich die Aufmerksamkeit von einem Teil einer Seite zu einem anderen bewegt, bevor jemand klickt
  • Ob das, was die Menschen klicken, dem entspricht, was sie zuerst angesehen haben, oder ob Aufmerksamkeit und Handlung in verschiedene Richtungen ziehen
  • Wie lange die Menschen in einem Bereich verweilen, was bedeuten kann, dass sie aufmerksam lesen oder auf etwas suchen

Wählen Sie irgendetwas auf der Seite aus, z. B. ein Produktfoto, eine Überschrift oder einen Button. Hier sind die Daten, die dafür aufgezeichnet wurden:

Sie erhaltenWas es Ihnen sagt
BlickWohin die Leute tatsächlich schauen und wie lange
ElementpositionDer genaue Standort und die Größe des verfolgten Objekts, live aktualisiert, während die Seite scrollt
KlicksWas die Menschen klicken und genau wo
HoverWas Aufmerksamkeit erregt, auch ohne einen Klick
MausbewegungWie sich der Cursor über die Seite bewegt
ScrollenWie weit die Leute scrollen, bevor sie handeln

Jedes Ergebnis exportiert sauber nach CSV, XLSX oder TSV, bereit zur Analyse.


Arbeiten mit diesen Daten

Für das Entwerfen einer Studie basierend auf diesen Daten sind einige Verhaltensweisen von Vorteil, die im Voraus bekannt sein sollten.

Koordinatenräume unterscheiden sich nach Interaktionstyp. Klick-, Maus-Down-, Maus-Up- und Maus-Bewegungsereignisse berichten über seitenrelative Koordinaten, was die Position im gesamten scrollbaren Bereich der eingebetteten Seite ist, einschließlich allem, was bereits gescrollt wurde. Hover- und Verlasse-Ereignisse berichten stattdessen über elementrelative Koordinaten, was die Position innerhalb des verfolgten Elements selbst ist. Beide verwenden dieselben Koordinatenbezeichnungen in der Benutzeroberfläche, daher sollten Sie im Voraus entscheiden, welchen Interaktionstyp eine Studie benötigt. Die Kombination der beiden in einer exportierten Spalte mischt zwei verschiedene Koordinatensysteme ohne Warnung. Blickdaten, die auf einem verfolgten Element aufgezeichnet werden, verwenden denselben seitenrelativen Raum wie Klicks, sodass Blick- und Klickdaten vom selben Element ohne Konvertierung direkt übereinstimmen.

Tracking-Updates kontinuierlich, nicht nur beim Scrollen. Die Position und Größe jedes verfolgten Elements wird in jedem Frame neu gemessen, was es ermöglicht, das Tracking korrekt Animationen, CSS-Übergänge und dynamisch sich verändernde Elemente zu folgen, nicht nur beim Scrollen oder Repositionieren.

Scrollbare Bereiche innerhalb eines verfolgten Elements erhalten ihren eigenen Koordinatenraum. Wenn ein verfolgtes Element eigenes internes Scrollen hat, wie ein Chatfenster oder eine scrollbare Produktliste, wird es als scrollbarer Container markiert, wodurch die Scrollposition und die Inhaltsgröße dieses Bereichs separat vom allgemeinen Scrollen der Seite angezeigt werden, sodass sich das verschachtelte Scrollen nicht mit der äußeren Seite vermischt.

Mausereignisse bieten drei Zielmodi. Ein Mausereignis kann für ein bestimmtes verfolgtes Element ausgelöst werden, für jedes verfolgte Element, ohne eines individuell auszuwählen, oder für irgendwo auf der eingebetteten Seite, unabhängig davon, ob es sich um ein verfolgtes Element handelt oder nicht. Dies ist nützlich, um breite Interaktionsmuster zu erfassen, ohne jedes Element im Voraus zu markieren.


Validierung & Vergleiche

Web Bridge kombiniert zwei der Kernmessmotoren von Labvanced. Die Blickdaten stammen aus Labvanceds Webcam-Augenverfolgung, die gegen einen professionellen Augenverfolger (den EyeLink 1000) in einer begutachteten Studie getestet wurde: eine Gesamtschärfe von 1,4° und eine Präzision von 1,1°, die sich auf 1,3° Schärfe und 0,9° Präzision in der Mitte des Bildschirms verbessert (Kaduk et al., 2024).

Klick-, Hover- und Cursor-Daten stammen von Labvanceds Mausverfolgungs und werden auf demselben verfolgten Element wie die Blickdaten aufgezeichnet.


Wie es sich mit anderen Ansätzen vergleicht

Andere Möglichkeiten, eine echte Website zu testen, unterscheiden sich darin, was sie von der Seite benötigen und was sie darauf aufzeichnen können.

Die FrageAndere AnsätzeWeb Bridge
Braucht die Website Änderungen?RealEye, ein Webcam-Augenverfolgungsdienst, benötigt sein JavaScript-SDK auf der Seite und ein data-re-aoi-name-Attribut auf jedem verfolgten Element für seinen embedded Website-Test. Microsoft Clarity, ein Heatmap- und Sitzungsaufzeichnungs-Tool, benötigt seinen Tracking-Code auf der Seite installiert.Nein. Sie fügen die URL der Website ein, die Sie testen möchten, und markieren Elemente, indem Sie sie im Labvanced-Editor anklicken.
Kann es aufzeichnen, was auf einer eingebetteten Seite passiert?Ein einfaches Einbetten einer anderen Website, wie das Labvanced I-Frame-Objekt, kann von der umgebenden Seite nicht gelesen werden, sodass Klicks und Scrollen darin nicht erfasst werden. Microsoft Clarity kann ebenfalls keine Drittanbieter-iFrames erfassen.Ja. Die Erweiterung liest Klicks, Hover, Mausbewegung und Scrollen von innerhalb der eingebetteten Seite.
Hält es mit Scrollen und Seitenwechseln mit?Der eingebettete Website-Test von RealEye analysiert einen Screenshot der Seite und unterstützt kein horizontales Scrollen.Ja. Markierte Elemente werden durch Scrollen, Größenänderungen, Animationen und Inhalte, die nach dem Öffnen der Seite geladen werden, verfolgt.
Stammen die Daten von echten Teilnehmern?Vorhersagetools wie Attention Insight schätzen die Aufmerksamkeit mit einem KI-Modell, anstatt echte Teilnehmer aufzuzeichnen.Ja. Es zeichnet auf, wohin echte Teilnehmer schauen und klicken.
Benötigt es spezielle Hardware?Pupil Labs, ein Hersteller von Augenverfolgern, bietet ein Web-AOI-Tool an, das seinen Neon-Augenverfolger benötigt.Nein. Es verwendet die Webcam des Teilnehmers.
Zuletzt überprüft: 2026-09-25.

Für das, was eine von KI vorhergesagte Heatmap Ihnen sagen kann und was nicht im Vergleich zur Aufzeichnung echter Teilnehmer, siehe KI kann vorhersagen, wohin Sie schauen werden. Sie weiß immer noch nicht, was Sie tun werden.


Einschränkungen

Web Bridge läuft nur in Google Chrome, und der Forscher sowie jeder Teilnehmer müssen die kostenlose Erweiterung installiert haben. Die Verwendung eines Website Frame in einer Studie erfordert die Ultimate-Lizenz. Einige Seiten können nicht eingebettet werden: amazon.com und ebay.com sind im Editor aufgrund ihres Bot-Schutzes blockiert, und andere Seiten, die das Einbetten erkennen, funktionieren möglicherweise nicht. Web Bridge verfolgt die Elemente, die ein Forscher markiert, anstatt alles auf einer Seite.


Häufig gestellte Fragen

Verfolgt Web Bridge Personen auf anderen Websites?
Nein. Das Tracking beginnt nur innerhalb einer Website, die Labvanced selbst eingebettet hat. Auf jeder anderen Seite verlässt die Erweiterung sofort und liest nichts von der Seite. Es überprüft nur, ob ein Browsertab auf labvanced.com ist, um zu entscheiden, wann das Einbetten erlaubt ist.
Müssen die Teilnehmer irgendetwas installieren?
Ja, dieselbe kostenlose Erweiterung, die Forscher verwenden. Wenn ein Teilnehmer sie noch nicht hat, wird ein Hinweis angezeigt, der ihn bei der Installation vor Beginn der Studie begleitet, normalerweise in weniger als einer Minute.
Wie funktioniert das Tracking weiter, wenn sich die Seite ändert?
Jedes verfolgte Element ist an dem tatsächlichen Teil der Seite fixiert, nicht an einer festen Bildschirmposition. Labvanced überwacht die Seite kontinuierlich, sodass, wenn ein Teilnehmer scrollt oder neuer Inhalt erscheint, wie ein Popup oder ein sich erweiterndes Menü, oder ein Element sich selbst ändert oder animiert, das Tracking es automatisch folgt.
Erkennt es automatisch, was verfolgt werden soll?
Nein, und das ist Absicht. Ein Forscher markiert genau, was verfolgt werden soll, wie ein Foto, eine Überschrift oder einen Button, indem er direkt im Editor darauf klickt. Nichts wird ohne diesen manuellen Schritt geraten oder verfolgt.
Kann ich Klicks und Mausbewegungen ohne Augenverfolgung verfolgen?
Ja. Die Mausverfolgung (Klicks, Hover und Bewegungen) funktioniert unabhängig von der Augenverfolgung. Sie können eines, das andere oder beides zusammen auf demselben verfolgten Element aufzeichnen.
Sind diese Daten genauso genau wie Labvanceds reguläre Augenverfolgung?
Ja. Es ist der genau gleiche Motor, validiert gegen einen EyeLink 1000 mit einer Gesamtschärfe von 1,4° und 1,3° in der Mitte des Bildschirms (Kaduk et al., 2024). Was hier anders ist, ist die Verwendung auf einer echten externen Website, nicht die zugrunde liegende Genauigkeit.

Weiterführende Literatur

Eine Person, die eine Webcam-Augenverfolgungsaufgabe betrachtet, die mit Labvanced erstellt wurde

Webcam-Augenverfolgung

Der validierte Motor hinter Web Bridge und die vollständige Genauigkeitsstudie.

Symbol, das die Mausverfolgungsfähigkeiten in Labvanced darstellt

Mausverfolgung

Verfolgen Sie die Mausbewegung auf Stimuli, die in Labvanced erstellt wurden, nicht nur auf externen Seiten.

Labvanced Web Bridge Chrome-Erweiterungsanleitung, die ein Browserfenster mit drei markierten Interessengebieten zeigt

Labvanced Web Bridge Anleitung

Installieren Sie die Erweiterung, betten Sie eine Website ein, markieren Sie Elemente und starten Sie die Aufzeichnung.


Anmelden