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
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.
| Eigenschaft | Spezifikationen |
|---|---|
| Browser | Google Chrome |
| Basierend Auf | Labvanceds begutachtetem Webcam Eye Tracking (Kaduk et al., 2024) und seinem Mouse Tracking |
| Was es verfolgt | Blick, Klicks, Hover-Aktionen und Scrollen auf jedem Element, das Sie wählen |
| Datenschutz | Funktioniert 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.
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.
Forschungsanwendungsfälle
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.
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.
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.
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.
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.
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 erhalten | Was es Ihnen sagt |
|---|---|
| Blick | Wohin die Leute tatsächlich schauen und wie lange |
| Elementposition | Der genaue Standort und die Größe des verfolgten Objekts, live aktualisiert, während die Seite scrollt |
| Klicks | Was die Menschen klicken und genau wo |
| Hover | Was Aufmerksamkeit erregt, auch ohne einen Klick |
| Mausbewegung | Wie sich der Cursor über die Seite bewegt |
| Scrollen | Wie 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 Frage | Andere Ansätze | Web 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. |
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?
Müssen die Teilnehmer irgendetwas installieren?
Wie funktioniert das Tracking weiter, wenn sich die Seite ändert?
Erkennt es automatisch, was verfolgt werden soll?
Kann ich Klicks und Mausbewegungen ohne Augenverfolgung verfolgen?
Sind diese Daten genauso genau wie Labvanceds reguläre Augenverfolgung?
Weiterführende Literatur
Webcam-Augenverfolgung
Der validierte Motor hinter Web Bridge und die vollständige Genauigkeitsstudie.
Mausverfolgung
Verfolgen Sie die Mausbewegung auf Stimuli, die in Labvanced erstellt wurden, nicht nur auf externen Seiten.
Labvanced Web Bridge Anleitung
Installieren Sie die Erweiterung, betten Sie eine Website ein, markieren Sie Elemente und starten Sie die Aufzeichnung.