Rekorder-Bereich: User Flow aufzeichnen und messen

Dale St. Marthe

Im Bereich Aufzeichnung können Sie Nutzerflüsse aufzeichnen, messen und bearbeiten. Der Bereich Aufzeichnung enthält eine Reihe von Diagnosetools, mit denen Frontend-Entwickler ihre Conversion-Pfade verbessern und beheben können. Eine Anleitung finden Sie unter Nutzerflüsse aufzeichnen, wiedergeben und messen.

Übersicht

Im Bereich „Aufzeichnung“ haben Sie folgende Möglichkeiten:

• Nutzerflüsse aufzeichnen und wiedergeben: Starten Sie eine Aufzeichnung, damit im Bereich Rekorder bestimmte Ereignisse auf Ihrer Website oder in Ihrer App erfasst werden. Anschließend können Sie einen Nutzerfluss wiedergeben und zwischen den Schritten springen. Verlangsamen Sie die Wiedergabe, um besser zu verstehen, was in einem Nutzerfluss passiert. Außerdem erfahren Sie, wie Sie mit externen Bibliotheken wiedergeben können.
• User Flows bearbeiten und debuggen: Sie können die Schritte eines aufgezeichneten User Flows bearbeiten, auch während der Aufzeichnung. Legen Sie Haltestellen fest und führen Sie den User Flow Schritt für Schritt aus. Prüfen Sie den Code und sehen Sie sich eine nebeneinander liegende Ansicht der Schritte und ihres Codes an.
• Leistungsprofile erstellen: Messen Sie die Leistung eines aufgezeichneten User Flows, indem Sie ein Profil erstellen und sich einen Bericht im Bereich Leistung ansehen.
• Nutzerflüsse freigeben und exportieren: Sie können einen Nutzerfluss als JSON-Datei oder in mehreren Puppeteer-Formaten exportieren sowie in jedem Format, das von den Exporterweiterungen des Rekorders unterstützt wird. Sie können auch einen Nutzerfluss importieren.

Wenn Sie den Aufzeichnungsbereich besser in Ihren Workflow einbinden und seine Funktionen erweitern möchten, können Sie ihn mit Erweiterungen anpassen.

Bereich „Aufzeichnung“ öffnen

So öffnen Sie den Bereich Aufzeichnung:

1. Öffnen Sie die Entwicklertools.
2. Drücken Sie eine der folgenden Tasten, um das Befehlsmenü zu öffnen:
   • macOS: Befehlstaste + Umschalttaste + P
   • Windows, Linux, ChromeOS: Strg + Umschalttaste + P
3. Geben Sie Recorder panel ein, wählen Sie Aufzeichnungssteuerfeld anzeigen aus und drücken Sie die Eingabetaste.

Alternativ können Sie rechts oben auf das more_vert Weitere Optionen > Weitere Tools > Aufnahmebereich tippen.