Heatmaps

Mit der Funktion Seiten-Heatmaps können Sie sehen, mit welchen Bereichen Ihrer Webseite Ihre Nutzer am meisten interagieren. Sie verwendet Farben, um die Häufigkeit einer bestimmten Aktion auf einer Seite anzuzeigen. Sie sehen die genauen Stellen, die am häufigsten angeklickt (bei Desktops) und angetippt (bei Handys und Tablets) werden, welche Bereiche am häufigsten mit der Maus über den Bildschirm bewegt werden und wie hoch die durchschnittliche Scrollrate für eine bestimmte Seite ist. Während sich die Funktion für Besucheraufzeichnungen auf die Betrachtung einer einzelnen Benutzersitzung konzentriert, basieren Heatmaps auf bis zu 8.000 Ansichten einer Seite.

1. Verschiedene Optionen für die Erstellung einer Heatmap
2. Übersicht der Heatmaps & Hauptkachelstruktur
3. Detailansicht einer Heatmap
4. Manueller Screenshot der Seite hinter der Heatmap
5. Globale Seitenansicht
6. Desktop-Heatmap
7. Tablet-Heatmap
8. Mobile-Heatmap

Dies ist die Standardoption, die Sie zur Analyse des Nutzerverhaltens auf einzelnen Seiten verwenden können.

Wählen Sie einen Namen für Ihre Heatmap und eine Farbe, wählen Sie dann die gewünschte Seite aus der automatisch erstellten Liste und die Anzahl der maximal zu erfassenden Seitenaufrufe. Sie können bis zu 8.000 Seitenaufrufe verwenden, um eine Karte zu erstellen.

Die daraus resultierende farbkodierte Grafik wird über einen Screenshot der zu analysierenden Seite gelegt. Je mehr Seitenaufrufe die Seite erhält, desto mehr Daten werden in die Heatmap aufgenommen, und sie endet, sobald die in diesem Schritt ausgewählte Anzahl erreicht ist.

Wichtige Hinweise:

• Sie können nur 50 Seitenaufrufe auswählen, wenn Sie die kostenlose Version für die ausgewählte Webseite verwenden.
• Die Liste der Seiten wird auf der Grundlage der Seiten Ihrer Webseite erstellt, für die zuvor Besuche aufgezeichnet wurden. Unsere App kann die Seiten einer Webseite nur kennen, wenn sie mindestens einmal besucht wurden.
• Wenn die Seite, die Sie auswählen möchten, nicht in der Liste erscheint, besuchen Sie einfach diese Seite und laden Sie die App erneut, um zu prüfen, ob sie vorhanden ist.
• Nur der Name und die Farbe können nach der Erstellung der Heatmap bearbeitet werden. Stellen Sie also sicher, dass Sie die Heatmap für die richtige Seite erstellen. Andernfalls muss die Heatmap gelöscht und eine neue erstellt werden.

Wenn Sie ähnlich aussehende Seiten haben, wie z. B. Produktseiten, die immer der gleichen Struktur folgen, aber unterschiedliche Texte oder Bilder verwenden, ist es sinnvoll, eine Heatmap zu erstellen, die alle diese Ansichten kombiniert.
Diese Option ist besonders nützlich, wenn Sie eine E-Commerce-Website haben, die die gleiche Vorlage für mehrere Produktseiten verwendet. Höchstwahrscheinlich ist das Besucherverhalten auf diesen Seiten ähnlich, was die Aufmerksamkeitsverteilung angeht. Wenn Sie dieses Szenario wählen, können Sie eine aggregierte Karte für alle diese Seiten in einer erstellen.

Wichtiger Hinweis: Wenn Sie eine Heatmap für Ihre ähnlichen/dynamischen Seiten erstellen, wird der Screenshot, den Sie für diese Heatmap sehen, auf der ersten besuchten Seite dieses definierten Typs erstellt. Der Screenshot könnte zum Beispiel von der ersten besuchten Produktseite gemacht werden, aber die farbcodierten Daten werden von allen Seiten dieses Typs gesammelt.

Sie haben zwei weitere Möglichkeiten, eine Heatmap mit dieser Option zu erstellen:

Wenn Sie nicht neu in der Anwendung sind, haben Sie vielleicht die Option "Dynamische Seiten" schon einmal benutzt. Sie ermöglicht es Ihnen, Seiten, die bis zu einem bestimmten Punkt denselben URL-Pfad haben, in Gruppen zusammenzufassen und aggregierte Statistiken für diese Gruppe zu erhalten. Wenn Sie beispielsweise die aggregierten Daten für alle Ihre Produktseiten verfolgen möchten, könnten Sie eine dynamische Seite mit der folgenden Struktur erstellen: https://www.website.com/shop/product/*/

Wichtige Hinweise:

• Die automatisch generierte Liste basiert auf den dynamischen Seiten, die Sie bereits im Abschnitt Seiteneinstellungen Ihrer Webseite definiert haben.
• Wenn Sie keine solche Seite erstellt haben, können Sie dies nach der Anleitung hier tun oder wählen Sie die nächste Option unten, um das URL-Muster an Ort und Stelle zu definieren.

Wenn Sie ein URL-Muster für eine Reihe ähnlicher Seiten festlegen möchten, stehen Ihnen dafür verschiedene Möglichkeiten zur Verfügung. Klicken Sie zunächst auf das Dropdown-Menü "URL-Muster". Die folgenden Optionen werden angezeigt:

• Einfache URL-Übereinstimmung: Diese Übereinstimmung wird verwendet, um eine einzelne Seite zu verfolgen. Das Targeting-Modell umfasst alle Elemente der Seiten-URL, wie z. B. Fragmente oder Query-Strings, Protokoll oder den Zusatz "www".
• Exakte URL-Übereinstimmung: Manchmal kann dieselbe Seite unter mehreren URLs angezeigt werden. Dieses Targeting konzentriert sich auf eine bestimmte URL und ihr Protokoll. Die URL kann auch ein Fragment oder einen Query-String enthalten.
• URL beginnt mit: Die Heatmap-Daten verfolgen die Besuche auf URLs, die mit dem von Ihnen eingegebenen Wert beginnen.
• URL enthält: Die Heatmap-Daten verfolgen die Besuche von URLs, die den von Ihnen eingegebenen Wert enthalten.
• URL endet mit: Die Heatmap-Daten verfolgen die Besuche von URLs, die mit dem von Ihnen eingegebenen Wert enden.

Weitere Informationen zu jedem der URL-Muster finden Sie hier.

Die Hauptübersicht ist das Herzstück des Moduls. Sie gibt einen Überblick über alle erstellten Heatmaps, als Kacheln, für die ausgewählte Webseite und besteht hauptsächlich aus den folgenden Elementen:

1) Funktionszähler

Hier sehen Sie die Anzahl der Heatmaps, die Ihnen in Ihrem aktuellen Paket noch zur Verfügung stehen. Wenn Sie mit dem Mauszeiger über den Zähler fahren, erhalten Sie weitere Informationen über das Paket, das Sie derzeit nutzen, und eine Schaltfläche, mit der Sie Ihren Plan ändern können, falls Sie die Limits erhöhen müssen. Je nachdem, für welchen Tarif Sie sich entschieden haben, gelten für jede Funktion unterschiedliche Obergrenzen.

2) Status der Heatmaps - Übersicht

Es gibt zwei Status für die Heatmaps in der Anwendung: Aktiv und Inaktiv.
Der Hauptstatus ist aktiv, wenn es mindestens eine aktive Heatmap gibt. Durch erneutes Klicken auf die Status-Schaltfläche werden alle Heatmaps deaktiviert/aktiviert.
Um die Navigation auf der Seite zu erleichtern, werden die Heatmaps von Anfang an in folgende Kategorien eingeteilt:

• Alle: Die Summe der Karten mit aktivem und inaktivem Status.
• Aktiv: Die Heatmaps, die gerade weitere Daten bis zum festgelegten Limit sammeln.
• Inaktiv: Die Heatmaps, für die das Sammeln weiterer Daten pausiert wurde.

3) Schaltfläche "Heatmap erstellen"

Wenn Sie eine neue Heatmap erstellen möchten, können Sie dies durch Drücken dieser Schaltfläche tun.

4) Option "Suchen"

Verwenden Sie dieses Feld, um nach einer Heatmap zu suchen, entweder nach dem Namen oder nach der URL (oder Teilen davon) der Seite, die überwacht werden soll.

5) Aktionen und Massenaktionen für Heatmaps

Es gibt Aktionen, die für jede einzelne Heatmap durchgeführt werden können. Wenn Sie auf das Einstellungssymbol jeder Kachel klicken, können Sie Folgendes tun:

• Details bearbeiten: Mit dieser Option können Sie den Namen der ausgewählten Heatmap und die Farbe des Symbols zur besseren Unterscheidung bearbeiten.
• Aufzeichnung starten: Die Datenerfassung wird erneut gestartet, bis das individuell eingestellte Besuchslimit erreicht ist.
• Aufzeichnung pausieren: Die Datenerfassung für die ausgewählten Heatmaps wird pausiert (kann zu jedem beliebigen Zeitpunkt fortgesetzt werden).
• Zurücksetzen & Aktualisieren: Wenn Sie das Design/UI Ihrer Webseite oder einer bestimmten Seite kürzlich aktualisiert haben und Sie möchten, dass Ihre Heatmaps das neueste Seitendesign anzeigen, können Sie die Heatmap-Daten für eine bestehende Heatmap komplett zurücksetzen.
  Bitte beachten Sie jedoch, dass diese Aktion alle Änderungen im Layout Ihrer Seite, die in den ausgewählten Heatmaps angezeigt werden, aktualisiert UND auch alle bisher aufgezeichneten Benutzeraktionsdaten zurücksetzt. Danach werden die Aktionen Ihrer Besucher von Grund auf neu aufgezeichnet, wodurch eine völlig neue Karte für Ihre neue Benutzeroberfläche erstellt wird.
• Heatmap auswählen: Sie können die gewünschten Heatmaps auf diese Weise auswählen oder einfach auf das farbige Symbol der einzelnen Heatmaps klicken.
• Löschen: Die ausgewählten Heatmaps werden für immer gelöscht. Dieser Vorgang kann nicht rückgängig gemacht werden.

Wenn Sie den Mauszeiger über das farbige Symbol jeder Heatmap bewegen, sehen Sie in der oberen linken Ecke einen kleinen Punkt, mit dem Sie die Heatmap auswählen können. Nachdem Sie die gewünschten Kacheln ausgewählt haben, erscheint der Massenaktionswähler direkt über ihnen, so dass Sie alle ausgewählten Kacheln auf einmal auswählen können. Sie können auch einfach alle Kacheln in Ihrer Übersicht auswählen, indem Sie auf die Aktion "Alle auswählen" klicken.

In der Dropdown-Liste für Massenaktionen können Sie zwischen den folgenden, oben beschriebenen Aktionen wählen, die diesmal massenhaft angewendet werden: Aufzeichnung starten, Aufzeichnung anhalten, Zurücksetzen & Aktualisieren, Löschen.

6) Teile einer bestimmten Heatmap-Kachel - Erläuterung

Jedes Mal, wenn Sie eine neue Karte erstellen, wird eine neue Kachel in Ihrer Übersicht angezeigt. Jede Kachel gibt Ihnen grundlegende Informationen über die Heatmap:

• Farbiges Symbol (oder Heatmap-Selektor): Im oberen Teil jeder Kachel finden Sie ein Symbol, mit dem Sie die Heatmap auswählen können, wenn Sie den Mauszeiger darüber bewegen.
• Name: Im oberen Teil jeder Kachel finden Sie den Namen der Heatmap, den Sie bei der Erstellung der Heatmap festgelegt haben.
• Erstellt von: Der Name des Erstellers, bei dem es sich um den Eigentümer der Webseite oder um einen Redakteur handeln kann, der eingeladen wurde, unter einem anderen Konto zu den Statistiken dieser Webseite beizutragen, und der über Bearbeitungsrechte verfügt.
• Einstellungssymbol (oder die Aktionen der Heatmap): Hier können Sie die Details der Heatmap oder ihren Status bearbeiten und sie zurücksetzen oder löschen.
• Status der Heatmap & Zeitstempel der Erstellung/Bearbeitung + Name des Erstellers/Bearbeiters: Anzeige des aktuellen Status der Heatmap (ob die Heatmap pausiert und keine Daten sammelt oder aktiv ist und Daten sammelt), des Datums und der Uhrzeit der Erstellung sowie des Namens des Erstellers. Wenn an der Heatmap Änderungen vorgenommen wurden, werden außerdem das Datum und die Uhrzeit der letzten Änderung und der Name des Bearbeiters angezeigt.
  Wenn Sie die Erfassung neuer Daten unterbrechen und nur den Status quo überprüfen möchten, können Sie dies tun, indem Sie die Heatmap einfach deaktivieren, indem Sie mit dem Mauszeiger über den aktuellen Status fahren und auf die Schaltfläche "Wiedergabe/Pause" klicken, oder über das Einstellungssymbol jeder Heatmap.
• Ziel: In dieser Zeile werden die Regeln zusammengefasst, die Sie bei der Erstellung einer Heatmap festgelegt haben. Also ob Sie sie für eine bestimmte Seite, eine dynamische URL oder basierend auf einem URL-Muster wie "URL enthält XY" erstellt haben.
• URL: Die URL, auf deren Grundlage die Daten für die Heatmap gesammelt werden.
• Seitenaufrufe: Die Anzahl der Seitenaufrufe, die bereits aufgezeichnet wurden, abgesehen von dem Limit, das bei der Ersteinrichtung als Maximum festgelegt wurde.

7) Zugriff auf die Detailansicht einer Heatmap

Wenn Sie auf die Detailansicht einer Heatmap zugreifen und einen tieferen Einblick erhalten möchten, müssen Sie auf diese Schaltfläche "Heatmap anzeigen" klicken.

Sobald Sie die Detailseite betreten, gibt es viele verschiedene Ansichten und Informationen, die Sie extrahieren können. Im Allgemeinen gibt es 4 verschiedene Arten von Heatmaps für Desktop, Tablets und mobile Geräte:

Klicken: Nur auf Desktop-Geräten verfügbar. Zeigt an, wohin Besucher auf Desktop-Geräten mit dem Cursor klicken.
Bewegung: Nur auf Desktop-Geräten verfügbar. Zeigt an, wo Besucher ihre Maus auf dem Bildschirm bewegen.
Tippen: Nur auf Mobil- und Tablet-Geräten verfügbar. Zeigt an, wo Besucher mit ihren Fingern tippen.
Blättern: Verfügbar für alle Geräte. Zeigt an, bis zu welchen Positionen Besucher im Durchschnitt auf einer Seite Ihrer Webseite scrollen.

Wichtige Hinweise:

• Die Optionen werden nur angezeigt, wenn Sie zuvor eine Hauptgerätekategorie ausgewählt haben.
• Auf der rechten Seite jeder Ansicht, die eine Heatmap enthält, wird eine Farbskala angezeigt, die die Darstellung jeder Färbung in Bezug auf das Engagement angibt (d. h. wenn ein Bereich mit einer dunkelroten Farbe markiert ist, bedeutet dies, dass an dieser Stelle viel Interaktion stattgefunden hat, oder typischerweise für eine scrollende Heatmap ist der untere Teil einer Seite viel blauer/kühler als der obere Teil, was bedeutet, dass viel weniger Leute bis zum Ende scrollen. Halten Sie also Ihre wichtigen Inhalte am oberen Rand der Seite).

• Wenn der Screenshot Ihrer Heatmap nach der Erstellung nicht der richtige zu sein scheint, oder wenn Sie das Design Ihrer Seite in der Zwischenzeit geändert haben und dies auch in Ihrer Heatmap aktualisiert haben möchten, können Sie den Screenshot für die Heatmap jederzeit manuell neu erstellen.

1. Überblick über die ausgewählte Heatmap, ermöglicht es Ihnen, den aktuellen Screenshot der Seite mit ihren Hotspots zu sehen, das Gerät und die Art der aufgezeichneten Aktionen auszuwählen.
2. Alle Daten anzeigen, zeigt eine Tabelle mit den aktuellen Daten, die für das ausgewählte Gerät und den Aktionstyp erfasst wurden. Möglicherweise benötigen Sie fortgeschrittene technische Kenntnisse, um diese Funktion vollständig zu verstehen und zu nutzen. Ein "Element" ist einfach ein HTML-Knoten mit einer eindeutigen Kennung, d. h., eine bestimmte Schaltfläche auf der Seite hat eine entsprechende ID in dieser Liste. Einige Elemente (z. B. Pop-ups) können hier angezeigt werden, aber nicht in der grafischen Darstellung, da sie standardmäßig nicht sichtbar sind. Darauf bezieht sich die Spalte "sichtbar".
3. Globale Übersicht, zeigt eine Karte mit allen Ländern, aus denen Ihre Besucher kommen, die für diese Heatmap erfasst wurden.
4. Sehen Sie eine Heatmap basierend auf allen Seitenaufrufen (einschließlich der Anzahl), die mit einem Desktop-Gerät gemacht wurden.
5. Sehen Sie eine Heatmap, die auf allen Seitenaufrufen (einschließlich der Anzahl) basiert, die mit einem Tablet-Gerät gemacht wurden.
6. Sehen Sie eine Heatmap auf der Grundlage aller Seitenaufrufe (einschließlich der Anzahl), die mit einem mobilen Gerät getätigt wurden.
7. Sehen Sie eine Heatmap Farbschicht, die auf den Aktionen der Besucher basiert: Klicken/Tippen, Bewegen, Scrollen.
8. Manuelles Hinzufügen eines Screenshots: Für weitere Informationen hierzu finden Sie hier.
9. Heatmap herunterladen: Diese Schaltfläche lädt die ausgewählte Heatmap als PNG-Bild herunter, wenn Sie sich im Übersichtsmodus befinden. Wenn Sie sich im Modus Alle Daten anzeigen befinden, speichert das Download-Symbol die Aktionstabelle als .csv-Datei.
10. Farbige Skala: Diese farbige Skala zeigt Ihnen den Grad der von den Besuchern durchgeführten Interaktion (Klicks, Antippen, Bewegung, Scrollen).

Diese Option ermöglicht es Ihnen, den Screenshot der ausgewählten Seite manuell zu wiederholen, falls einige Elemente zum Zeitpunkt der Aufnahme des Screenshots noch nicht geladen waren, das Bild unvollständig ist, weil der Inhalt langsamer/dynamischer geladen wird (Lazy-Scroll-Seiten) oder sich das Design einfach geändert hat.

Sie haben die Möglichkeit, für jedes der 3 Geräte (PC, Tablet, Telefon) einen Screenshot zu machen, je nach Bedarf. Alles, was Sie tun müssen, ist:

1. Öffnen Sie die betreffende Heatmap
2. Klicken Sie auf die Schaltfläche "Manueller Screenshot der Seite hinter der Heatmap".
3. Wählen Sie das Gerät aus, für das Sie den Screenshot neu aufnehmen möchten
4. Die Seite öffnet sich in einem neuen Fenster. Vergewissern Sie sich, dass Sie bis zum Ende des Fensters gescrollt haben und dass alle Inhalte geladen wurden.
5. Klicken Sie auf "Neuen Screenshot aufnehmen".
6. Fügen Sie den neuen, frischen Screenshot zur Heatmap hinzu oder nehmen Sie ihn erneut auf (falls erforderlich).

Wichtiger Hinweis: Sie haben nach dem manuellen Screenshot immer noch alle vorhandenen Heatmap-Daten der Seite und können den Prozess der manuellen Bildschirmaufnahme des Heatmap-Hintergrunds jederzeit wiederholen. Falls Sie Ihre Daten auch zurücksetzen möchten, lesen Sie bitte den Abschnitt "Aktionen und Massenaktionen für Heatmaps" weiter oben auf der Seite.

Diese Ansicht gibt Ihnen einen guten Überblick darüber, woher alle Besuche, die für die ausgewählte Heatmap aufgezeichnet wurden, stammen. Sie können die Anzahl der Besucher aus jedem Land in der Liste auf der linken Seite visuell hervorheben. Sie können auch mit dem Mauszeiger über bestimmte Bereiche auf der Karte fahren, um die Anzahl der Besucher zu ermitteln. Wenn Sie die Karte vergrößern möchten, können Sie dies ganz einfach mit dem Scrollrad oder dem Touchpad tun.

Grau gefärbte Länder bedeuten, dass kein Besuch aus diesem Land zu dieser spezifischen grafischen Darstellung beigetragen hat. Die Einfärbung der Länder wechselt von hohem Engagement (als dunklere Farbe) zu niedrigem Engagement (als hellere Farbe).

Wichtiger Hinweis: Natürlich kann es sein, dass Sie in dem Zeitraum, in dem Sie Besuche aufgezeichnet haben, auch Besuche aus anderen Ländern erhalten haben, aber diese Besuche fanden nicht auf den Seiten statt, die Sie für diese spezielle Heatmap ausgewählt haben.

Dies zeigt Ihnen die Interaktionspunkte auf einer bestimmten Seite Ihrer Website (derjenigen, die Sie für diese spezifische Heatmap ausgewählt haben), die für alle Besuche mit einem Desktop-Gerät aufgezeichnet wurden. Das obige Beispiel bezieht sich auf eine Bewegungs-Heatmap auf einem Desktop-Gerät.

Sobald Sie die Schaltfläche ausgewählt haben, erscheinen auf der rechten Seite 3 weitere Optionen. Sie können nun zwischen Klick-, Bewegungs- und Scroll-Heatmaps für ein Desktop-Gerät "unterteilen". Nutzen Sie diese Informationen, um Ihre Inhalte zu optimieren und Elemente so anzuordnen, dass Ihre Besucher mit den Punkten interagieren, mit denen sie interagieren sollen.

Dies gibt Ihnen einen Überblick über alle Interaktionspunkte auf einer bestimmten Seite, die für alle Besuche mit einem Tablet-Gerät aufgezeichnet wurden. Das obige Beispiel ist für eine Tap Heatmap auf einem Tablet.

Sobald Sie die Schaltfläche ausgewählt haben, erscheinen auf der rechten Seite 2 weitere Optionen. Sie können nun zwischen Tap- und Scroll-Heatmaps für ein Tablet-Gerät "unterschieden" werden. Für eine Definition der beiden Optionen lesen Sie bitte lesen Sie hier. Nutzen Sie diese Informationen, um Ihre Inhalte zu optimieren, ordnen Sie Elemente so an, dass Ihre Besucher mit den Punkten interagieren, mit denen sie interagieren sollen.

Diese liefert Ihnen alle Interaktionspunkte auf einer bestimmten Seite, die für alle Besuche mit einem mobilen Gerät aufgezeichnet wurden. Das obige Beispiel ist für eine Scroll Heatmap auf einem Mobiltelefon.

Sobald Sie die Schaltfläche ausgewählt haben, erscheinen auf der rechten Seite 2 weitere Optionen. Sie können nun zwischen Tap- und Scroll-Heatmaps für ein mobiles Gerät "unterschieden" werden. Für eine Definition der beiden Optionen lesen Sie bitte hier. Nutzen Sie diese Informationen, um Ihre Inhalte zu optimieren und Elemente so anzuordnen, dass Ihre Besucher mit den Punkten interagieren, mit denen sie interagieren sollen.