Ein Heatmap-Screenshot ist das Seitenbild Ihrer Website, das unter den Heat-Daten angezeigt wird. Der Screenshot wird anhand einer tatsächlichen Benutzersitzung erstellt, die mit unserem Aufzeichnungstool aufgezeichnet wurde. Vielleicht möchten Sie diesen Screenshot aktualisieren, weil Teile Ihrer Seite fehlen oder weil Sie das Design der Seite geändert haben und den Screenshot aktualisieren möchten.
Dieser Artikel führt Sie Schritt für Schritt durch den Prozess der Aktualisierung Ihres Screenshots oder der Erstellung eines neuen Screenshots.
- Verwendung des Screenshot-Aktualisierungstools
- Wie man dynamische Inhalte und Dropdown-Menüs erfasst
- Was ist, wenn mein Screenshot immer noch nicht richtig aussieht?
- Was ist, wenn ich die Schaltfläche "Neuen Screenshot erstellen" nicht sehe?
So verwenden Sie das Screenshot-Aktualisierungstool
Klicken Sie bei der Anzeige einer Heatmap auf das Erweitern-Symbol , um das Seitenfenster zu öffnen.
Klicken Sie auf eine der drei verfügbaren Optionen.
Das Screenshot-Datum muss nicht unbedingt von der letzten Sitzung stammen
Die Sitzungsdaten sind an den Datumsfilter gebunden, den Sie beim Anzeigen einer Heatmap auswählen. Hotjar versucht, einen Screenshot aus einer Sitzung zu erstellen, in der die zu analysierende Seite vollständig von einem Benutzer geladen wurde. Der Screenshot wird also immer aus einer Sitzung in dem von Ihnen gewählten Datumsbereich gezogen, aber möglicherweise nicht aus der jüngsten Sitzung. Weitere Informationen zu Datumsfiltern finden Sie unter Wie filtere ich Sitzungsdaten?
Bildschirmfoto automatisch aktualisieren
- Findet automatisch eine der jüngsten Recordings, bei der ein Benutzer auf der Seite weiter nach unten gescrollt hat, und aktualisiert den Screenshot.
- Wenn Sie sich dafür entscheiden, den Screenshot zu aktualisieren, können Sie nicht zum vorherigen Screenshot zurückkehren.
Einen neuen Screenshot erstellen
Diese Option ist nützlich, wenn Ihre Website dynamische Inhalte verwendet, z. B. "Lazy-Load"-Elemente, die erst erscheinen, wenn ein Benutzer auf der Seite nach unten scrollt.
Klicken Sie in der Seitenleiste auf Neuen Screenshot erstellen.
Ein neues Fenster wird geöffnet und Ihre Website wird geladen.
Blättern Sie bis zum Ende der Seite.
Stellen Sie sicher, dass alle dynamischen Inhalte auf der Seite vollständig geladen sind, und klicken Sie dann auf Neuen Screenshot erstellen:
Klicks auf Pop-ups und Dropdowns sehen
Diese Option ist nützlich, wenn Sie ein Popup-Fenster oder einen Inhalt erfassen möchten, der nur sichtbar ist, wenn ein Benutzer mit dem Mauszeiger über einen bestimmten Bereich Ihrer Seite fährt oder darauf klickt, z. B. ein Dropdown-Menü.
Klicken Sie in der Seitenleiste auf Klicks auf Pop-ups und Dropdown-Menüs anzeigen.
Ein neues Fenster wird geöffnet und lädt Ihre Seite.
Bewegen Sie den Mauszeiger über das Element, das Sie erfassen möchten, oder klicken Sie darauf, um sicherzustellen, dass es sichtbar ist.
Klicken Sie auf Neuen Screenshot erstellen oder verwenden Sie die Tastenkombination Strg + K (Windows)/Cmd+ K (Mac), um den Screenshot zu erstellen:
Wenn Sie eine dieser Optionen verwenden, wird Ihr neues Bildschirmfoto zur Aktualisierung des Heatmap-Berichts verwendet. Die Heatmap-Daten werden auch auf der Grundlage des neu sichtbaren Inhalts aktualisiert.
Wiederholen Sie den Vorgang der Screenshot-Aktualisierung für andere Geräte, um auch deren Screenshots zu aktualisieren
Wenn Sie einen neuen Screenshot für ein Gerät erstellen, werden die Screenshots nicht auf allen Geräten aktualisiert. Um die Screenshots anderer Geräte zu aktualisieren, wählen Sie zunächst den entsprechenden Gerätetyp über die Geräteauswahl auf der rechten Seite aus, wenn Sie eine Heatmap anzeigen (z. B. Desktop, Tablet, Mobile). Wiederholen Sie dann die oben aufgeführten Schritte zum Aktualisieren von Screenshots für das Gerät, das Sie bei der Anzeige Ihrer Heatmap gerade ausgewählt haben.
Was, wenn mein Screenshot immer noch nicht richtig aussieht?
Wenn Ihr Screenshot immer noch nicht richtig aussieht, kann das Problem durch verschiedene Faktoren verursacht werden. Probleme mit dem Screenshot können darin bestehen, dass kein Styling oder CSS angewendet wurde, dass der Screenshot am unteren Rand abgeschnitten ist, dass Elemente und Leerraum fehlen oder dass mobile Elemente auf einem Desktop-Screenshot angezeigt werden.
Um diese Probleme zu beheben, lesen Sie unseren Artikel zur Fehlerbehebung bei Heatmap-Screenshots. Außerdem empfehlen wir Ihnen, unseren Artikel Heatmap-Einschränkungen zu lesen, falls Ihre Website unter eine der Heatmap-Einschränkungen fällt.
Was ist, wenn ich die Schaltfläche "Neuen Screenshot erstellen" nicht sehe?
Wenn Sie versuchen, das In-App-Screenshot-Tool zu verwenden, aber die Schaltfläche zum Erstellen eines neuen Screenshots nicht angezeigt wird, gibt es mehrere mögliche Ursachen:
-
Der Hotjar-Tracking-Code wird auf der Zielseite nicht mehr geladen.
Dies kann daran liegen, dass der Tracking-Code von der Seite entfernt wurde oder nur unter bestimmten Bedingungen geladen wird. Dies kann manchmal während einer Neugestaltung Ihrer Website auftreten oder wenn Ihre Website Kriterien in Bezug auf Skripte von Drittanbietern aufweist.
Lösung: Schauen Sie sich die Anleitung How to Verify Hotjar is Installed an, um sicherzustellen, dass Ihr Tracking-Code vorhanden ist. Möglicherweise müssen Sie sich auch bei Ihrem Website-Team erkundigen, ob es Bedingungen gibt, die verhindern, dass der Hotjar-Tracking-Code unter bestimmten Umständen nicht geladen werden kann.
-
Der Tracking-Code wird durch Browser-Plug-ins oder -Erweiterungen blockiert
Einige Beispiele für Browser-Erweiterungen, die verhindern können, dass der Retaker funktioniert, sind AdBlock und Ghostery.
Lösung: Deaktivieren Sie alle Browser-Erweiterungen oder verwenden Sie einen Chrome-Inkognito-Browser, um zu sehen, ob das Problem dadurch gelöst wird. Sobald die Erweiterungen deaktiviert sind, sollte die rote Schaltfläche "Kamera" erscheinen.
-
Der Tracking-Code wird durch die Sicherheitseinstellungen Ihres Browsers blockiert.
Versuchen Sie, einen anderen Browser zu verwenden, um festzustellen, ob das Problem browserbezogen ist. Wenn Sie das Wiederholungstool in einem anderen Browser verwenden können, bedeutet dies, dass etwas die Anzeige der Schaltfläche in Ihrem normalen Browser verhindert.
Lösung: Konfigurieren Sie Ihren Browser so, dass er "Skripte von Drittanbietern" zulässt, um zu verhindern, dass er Hotjar blockiert. Anleitungen zum Auffinden Ihrer Browsereinstellungen zum Aktivieren/Deaktivieren von "Skripten Dritter" sind verfügbar für Safari, Firefox und Chrome.