Was sind Heatmaps? Alles, was Sie brauchen, um mehr Conversions zu erzielen

Post-Click-Landingpages sind leistungsstarke Marketing-Überzeugungsinstrumente. Bei richtiger Optimierung kann die Kombination von Seitenelementen und das gesamte Post-Click-Landingpage-Design die Besucher davon überzeugen, die Aktion auf der Seite auszuführen. Von der Anmeldung für eine kostenlose Testversion bis zum Download einer PDF-Datei.

Wie optimiert man Post-Click-Landing Pages richtig?

Optimierung ist definiert als der Prozess der Verbesserung einer Kampagne oder eines Teils davon (Webseite, Werbung, Post-Click-Landingpage) bis zu dem Punkt, an dem sie so nahezu perfekt wie möglich ist. Die Optimierung beginnt mit kontinuierlichen Tests, der Datenerfassung und endet mit der Verbesserung der Kampagnen basierend auf diesen Ergebnissen.

Übersetzung – Ihre Post-Click-Landingpage-Conversions hängen von der Optimierung ab, und wie erfolgreich Sie die Post-Click-Landingpage optimieren, hängt davon ab, wie Sie Post-Click-Landingpage-Daten sammeln.

Ohne Daten gibt es keine Möglichkeit zu wissen, was auf der Seite funktioniert und was nicht. Es gibt zwei Haupttypen von Daten, die Sie sammeln können:

1. Quantitative Daten
2. Qualitative Daten

Analysetools wie Google Analytics helfen Ihnen beim Sammeln quantitativer Daten – Metriken wie durchschnittliche Verweildauer auf der Seite, Absprungrate und Verkehrskanäle. Qualitative Daten helfen Ihnen, die gesamte Geschichte der Besucherinteraktion zu verstehen, und sie werden am einfachsten über Heatmaps gesammelt.

Heatmap-Daten ermöglichen es Marketern, Optimierungsentscheidungen zu treffen, die zu höheren Post-Click-Landingpage-Conversions führen. Die von Heatmaps gesammelten Benutzerdaten können dann verwendet werden, um fundierte A/B-Tests durchzuführen, um die Konversionsraten zu verbessern.

In diesem Marketingleitfaden erfahren Sie alles, was Sie über Heatmaps wissen müssen. Von den verfügbaren Arten von Heatmaps über die Verwendung von Heatmaps bis hin zu einer Liste von Tools, mit denen Sie Heatmaps auf Ihren Post-Click-Landingpages erstellen können.

Was ist eine Heatmap?

Eine Heatmap ist eine visuelle Darstellung von Daten, die zeigt, wie Besucher mit einer Webseite interagieren. Wie zum Beispiel anzeigen, wo sie klicken und wo sie nicht klicken. So sieht eine typische Heatmap aus:

Eine Heatmap verwendet warme bis kühle Farbspektren, um zu zeigen, welche Seitenelemente die größte Aufmerksamkeit des Benutzers erhalten haben.

Bei Verwendung auf Post-Click-Landingpages ermöglichen Heatmaps Marketern zu erkennen, ob es Reibungen auf der Seite gibt, die den Conversion-Prozess behindern.

Reibung im digitalen Marketing ist jeder Teil des Konversionsprozesses, der die Wahrscheinlichkeit einer Konversion eines Benutzers verringert. Ein Beispiel für Reibung auf einer Post-Click-Landingpage kann ein langes Formular, eine schlechte Nachrichtenübereinstimmung oder zu viel Text sein. Heatmaps weisen auf Elemente hin, die Reibung verursachen könnten, damit Sie A/B-Tests durchführen und die Post-Click-Landingpage-Conversion-Rate verbessern können.
Eine Heatmap kann beispielsweise feststellen, ob Besucher nicht auf die CTA-Schaltfläche klicken oder ob sie versuchen, auf ein Element zu klicken, das nicht anklickbar ist. Die gesammelten Erkenntnisse können dann verwendet werden, um Ihre Seiten zu testen und Ihre Konversionsraten zu erhöhen.

Sie können beurteilen, wie effektiv eine Webseite ist, indem Sie eine Heatmap anhand der folgenden zwei Dinge analysieren:

1. Mit wie vielen Informationen sich Besucher beschäftigen: Sehen Sie sich an, wie viel von den Seitenbesuchern tatsächlich gelesen wird. Anhand dieser Informationen können Sie beurteilen, welche Seitenelemente gut funktionieren und welche nicht.
2. Welche Aktionen werden von Benutzern ausgeführt: Worauf klicken die Besucher? Klicken sie auf die CTA-Schaltfläche, geben sie die Formularfelder ein usw.?

Es gibt im Wesentlichen vier Arten von Heatmaps:

1. Klick-Tracking-Heatmaps
2. Karten scrollen
3. Heatmaps zur Mausverfolgung
4. Eye-Tracking-Heatmaps

1. Klick-Tracking-Heatmaps

Click-Tracking-Heatmaps sind die gängigste Art von Heatmaps. Sie zeichnen Daten basierend darauf auf, wo Besucher auf Ihre Post-Click-Landingpage klicken:

Die roten Punkte zeigen die Bereiche, in denen der Besucher am meisten geklickt hat, die Anzahl der konzentrierten Klicks nimmt ab, wenn die Farbe heller wird.

Klickkarten helfen Ihnen zu sehen, ob Ihre Besucher auf Ihren Post-Click-Landingpages auf die gewünschte Stelle klicken. Die höchste Anzahl an Besucherklicks auf einer Post-Click-Landingpage sollte auf der CTA-Schaltfläche erfolgen, da dies das einzige anklickbare Element auf der Seite sein sollte. (Conversion-Verhältnis von 1:1, dh ein anklickbares Element pro Conversion-Ziel).

2. Karten scrollen

Scroll-Maps zeichnen das Scroll-Verhalten der Besucher auf und helfen Ihnen, den genauen Punkt zu erkennen, an dem Besucher auf der Seite gescrollt haben. Diese Art von Heatmap zeigt an, ob die Länge Ihrer Seite für die Benutzererfahrung ideal ist.
Scroll-Maps werden im Allgemeinen für lange Verkaufsseiten verwendet.
So sieht eine Scrollmap aus:

Eine Scroll-Map zeigt Ihnen, wo Benutzer Ihre Seite im Leseprozess verlassen.

Anhand dieser Daten können Sie eine Hypothese erstellen, warum Benutzer nur bis zu einem bestimmten Punkt nach unten scrollen und dann A/B-Tests erstellen, die diese Hypothese beweisen oder widerlegen.

Vielleicht hat Ihre Seite einen glanzlosen Text, ein Bild, das die Leute abschreckt, oder sogar ein Lesbarkeitsproblem.

3. Maus-Tracking-Heatmaps/Hover-Maps

Hover Maps sind Heatmaps, die die Mausbewegungen des Benutzers auf Ihrer Post-Click-Landingpage anzeigen. Das Hauptproblem bei Hover-Maps besteht darin, dass Sie die Mausbewegungen eines Besuchers nicht immer direkt mit dem korrelieren können, was er tatsächlich sieht. Nur weil die Maus eines Benutzers 5 Minuten lang auf der Überschrift verharrte, heißt das nicht, dass er die Überschrift noch liest.
Benutzer schauen nicht immer genau auf die Stelle, an der sich ihre Maus befindet. Daher ist die Zuverlässigkeit von Hover-Kartendaten ein wenig fraglich.

Googles, Dr. Anne veröffentlichte ihre Ergebnisse zur Genauigkeit der angezeigten Schwebe-Heatmaps.

• Nur 6% der Menschen zeigten eine vertikale Korrelation zwischen Mausbewegung und Augenbewegung, also 94% der Menschen zeigten keine Korrelation.
• 19% der Menschen zeigten eine horizontale Korrelation zwischen Mausbewegung und Augenbewegung.
• 10 % der Nutzer bewegten sich mit der Maus über ein bestimmtes Seitenelement, während sie den Rest der Seite weiterlesen.

Ein weiteres Experiment von Google und Carnegie Mellon ergab eine 64-prozentige Korrelation zwischen Mausbewegungen und Augenbewegungen.

So sieht eine Hover-Map aus:

Maus-Tracking-Heatmaps wie Click-Maps, Hover-Maps und Scroll-Maps haben die folgenden Vorteile:

• Die Karten sammeln passiv Daten darüber, wie Nutzer mit Ihren Post-Click-Landingpage-Elementen interagieren.
• Mit der Heatmap-Analyse können Sie auf Ihrer Post-Click-Landingpage mehrere Fragen zu User Experience und Customer Journey beantworten.
• Sie müssen sich nicht auf Annahmen über das Kundenverhalten verlassen, sondern verfügen über aktuelle Daten.

Clicktale definiert die Vor- und Nachteile von Maus-Tracking-Karten wie folgt:

4. Eye-Tracking-Heatmaps

Eye-Tracking-Heatmaps zeichnen die Augenbewegungen der Nutzer auf, während sie sich Ihre Post-Click-Landingpage ansehen. In der Regel werden Eye-Tracking-Studien in Labors durchgeführt, in denen die Teilnehmer spezielle Tracking-Geräte tragen, die die Augenbewegungen genau messen. Heutzutage können Eyetracking-Studien auch über Web-Cams durchgeführt werden.

Indem Sie untersuchen, wo sich Besucher auf einer Seite konzentrieren, können Sie die wichtigen Seitenelemente im natürlichen Blickpfad der Besucher platzieren und die Wahrscheinlichkeit erhöhen, dass sie das Conversion-Ziel erreichen.

Bei der Analyse von Eye-Tracking-Heatmap-Daten ist es wichtig, genau zu verstehen, was Sie sehen, um die Daten richtig zu lesen.

Die Hauptursache für Verwirrung bei Eye-Tracking-Heatmaps ist der Zeitrahmen.

Eine Heatmap, die zeigt, wie Benutzer eine Seite während der ersten 3 Sekunden betrachten, ist nicht dasselbe, als wenn sie die Seite 30 Sekunden lang weiter betrachten.

Das folgende Beispiel zeigt, wie sich der Zeitrahmen auf die Heatmap-Farben auswirkt:

Eine weitere Verwirrungsquelle bei Eye-Tracking-Heatmaps sind die tatsächlichen Daten, die angezeigt werden.

Zwei Arten von Eye-Tracking-Heatmaps

Es gibt zwei Haupttypen von Eye-Tracking-Heatmaps, die sehr unterschiedlich sind.

1. Fixationsvolumen-Heatmap: Die Karte zeigt die Teile der Seite, die die höchste Anzahl von Augenfixierungen anzogen. Eine Fixierung wird normalerweise jedes Mal aufgezeichnet, wenn ein Benutzer länger als 50 Millisekunden auf eine einzelne Stelle schaut, und misst, wie oft Besucher ein bestimmtes Seitenelement angeschaut haben.
2. Heatmap der Fixierungsdauer: Die Karte zeigt, wie lange sie ein bestimmtes Element auf der Seite angesehen haben.

Viele Vermarkter verwechseln die beiden Arten von Eye-Tracking-Studien, was dazu führt, dass sie die Daten falsch interpretieren.

Eine Heatmap für das Fixationsvolumen ist beispielsweise hilfreicher, um zu verstehen, welches Seitenelement auf einer Post-Click-Landingpage auffällt (dh am auffälligsten ist). Während eine Heatmap für die Fixierungsdauer zeigt, welches Element sie am ansprechendsten fanden, da sie mehr Zeit damit verbracht haben.

Eye-Tracking-Studien ermöglichen es auch, gängige Blickpfade der Benutzer und die typische Reihenfolge der Fixierungen auf der Seite zu verstehen. Egal, ob sie Ihre Seite in einem F-Muster oder einem Z-Muster betrachten.

Die Vor- und Nachteile des Eyetrackings variieren je nach Methode, mit der Sie die Studie durchführen. Im Allgemeinen erhalten Sie jedoch mehr Erkenntnisse als nur Klicks und Mausbewegungen.

Die Kehrseite des Eye-Trackings liegt hauptsächlich in der Praktikabilität, die Durchführung der Studie ist teuer und zeitaufwändig.

Sie können Eye-Tracking-Heatmaps auf die folgenden drei Arten erstellen.

1. In-House-Eye-Tracking: Sie können die professionelle Ausrüstung kaufen, die für Eye-Tracking erforderlich ist.
2. Remote-Eye-Tracking mit Webcams: Sie benötigen keine professionelle Ausrüstung, um diese Eye-Tracking-Heatmaps auszuführen. Sie können einfach die Webcam der Teilnehmer verwenden, um ihre Eye-Tracking-Bewegungen zu verfolgen, während sie sich Ihre Post-Click-Landingpage ansehen.
3. Verwenden Sie professionelle Eye-Tracking-Labors: Sie können Ihre Eye-Tracking-Heatmap-Studien in professionellen User-Research-Labors durchführen. In einem professionellen Setup durchgeführte Tests liefern präzise Ergebnisse.

Vorteile von Heatmaps

Heatmaps bieten Ihnen einen visuellen Leitfaden für das Besucherverhalten. Dadurch können Sie die Post-Click-Landingpage mit den Augen der Besucher sehen – und Ihnen dabei helfen, alle erforderlichen Änderungen vorzunehmen, um die Post-Click-Landingpage-Optimierung zu verbessern und die Conversions zu steigern.

Hier ist eine Aufschlüsselung der Vorteile, die Heatmaps Vermarktern bieten:

1. Die Karten überwachen das Nutzerverhalten
2. Über Heatmaps gesammelte Daten können verwendet werden, um A/B-Tests durchzuführen, die Seite zu optimieren und die Conversions zu steigern.
   Heatmaps können verwendet werden, um UX-Entscheidungen auf Post-Click-Landingpages zu treffen

Heatmap-Daten helfen Ihnen bei der Beantwortung der folgenden Fragen zum Nutzerverhalten:

• Wie nutzen Besucher die Post-Click-Landingpage tatsächlich?
• Wie navigieren sie auf der Post-Click-Landingpage?
• Was erregt ihre Aufmerksamkeit und wo neigen sie zum Klicken?
• Welches Seitenelement wird ignoriert?
• Klicken sie auf die Call-to-Action-Schaltfläche?
• Wie ansprechend ist Ihre Kopie?
• Wo sollten Sie die Seitenelemente platzieren, die Ihre Besucher nicht verpassen sollen?

Antworten auf diese Fragen ermöglichen es Ihnen, ein tieferes Verständnis des Besucherverhaltens zu erlangen und herauszufinden, ob Sie auf der Seite etwas ändern müssen.

Fallstudien zu Heatmaps

Dieser Abschnitt enthält Fallstudien darüber, wie verschiedene Arten von Heatmaps dazu beigetragen haben, die Conversions auf Webseiten zu steigern und zu Geschäftswachstum zu führen.

1. Softmedia

Softmedia verwendet Heatmaps, um Reibungsbereiche auf ihren Webseiten zu identifizieren:

Nachdem mehr als 10.000 Seitenaufrufe an Daten gesammelt wurden, zeigten die Heatmap-Daten mehrere Ablenkungen, die zu Reibungen auf der Seite führten und die Benutzer ihre gewünschten Aktionen nicht ausführen konnten.

Anstatt auf das Formular zu klicken, wurden die Benutzer durch die Schaltfläche "Nicht hier klicken" auf der Seite abgelenkt. Als Softmedia die Ablenkung entfernte, stiegen ihre Conversions um 51 %.

2. Paar

Pair (jetzt Couple) zeigte eine Klick-Heatmap ihrer Post-Klick-Landingpage, die zeigte, dass Besucher von der Navigationsleiste oben auf der Seite abgelenkt wurden.

So sah die ursprüngliche Post-Click-Landingpage aus:

Hier ist die Klickkarte:

Nachdem er sich die Heatmap-Analyse angesehen hatte, führte Pair A/B-Tests durch, um zu sehen, ob das Entfernen der Ablenkungen (Navigationslinks) von der Seite zu einer Steigerung der Conversions führen würde.

Das Entfernen der Navigationslinks von der Seite führte zu einer Steigerung der Conversions um 12 %.

3. August Ash

Als August Ash eine Heatmap auf ihrer Webseite ausführte, stellten sie fest, dass Besucher nicht auf die CTA-Schaltfläche klickten, obwohl sie in einer kontrastierenden roten Farbe gestaltet war und eine umsetzbare Kopie darauf hatte:

Beachten Sie, dass die Hover-Kartenlesung auf der CTA-Schaltfläche eine schnelle Mischung von Rot zu Grün ist, was entsprechend der Skala bedeutet, dass nur 45-60% der Besucher das Scrollen zur CTA-Schaltfläche sehen. Die Änderung der Position des CTA-Buttons von "Below the fold" zu "above the fold" führte zu einem Anstieg der Klicks und damit der Conversions.

4. Bluewire-Medien

Bluewire Media verwendete Heatmaps, um zu sehen, wo Besucher auf der Seite einmal geklickt haben und fast keine Benutzeraktivität auf dem Lead-Erfassungsformular festgestellt haben:

Basierend auf der Heatmap-Analyse entschied sich das Webstrategie-Unternehmen, seine Webseite neu zu gestalten. Und das sind die Heatmap-Farben, die ihr neues Design generiert hat:

Durch die Änderung des Bild- und Formulardesigns konnten sie die Klicks auf das Formular und die CTA-Schaltfläche erhöhen.

Diese Heatmap-Beispiele beweisen, dass Heatmaps Unternehmen dabei helfen, ihr Wachstum zu steigern. Die Frage bleibt nun, sollte jeder Marketer anfangen, Heatmaps zu verwenden?

Überlegungen zur Verwendung von Heatmaps

Obwohl Heatmaps wertvolle Erkenntnisse liefern, die zu einer Steigerung der Conversions führen, sollte nicht jeder einspringen und Heatmaps auf seinen Post-Click-Landingpages ausführen.

Um sicherzustellen, dass Ihre erfassten Heatmap-Daten korrekt und vor allem generalisierbar sind. Es ist wichtig, dass Sie über eine ausreichende Stichprobengröße verfügen – damit die Änderungen, die Sie auf Ihren Post-Click-Landingpages basierend auf den Daten vornehmen, tatsächlich funktionieren.

Pro Gerät werden mindestens 2.000 bis 3.000 Seitenaufrufe pro Bildschirm empfohlen, um genaue Heatmap-Messungen zu erhalten, bevor Sie Änderungen an Ihren Post-Click-Landingpages vornehmen. Das Ändern von Post-Click-Landingpage-Elementen basierend auf Heatmap-Daten mit sehr wenig Traffic hilft Ihnen nicht, die richtigen Optimierungsentscheidungen zu treffen.

Heatmaps sind in der Tat ein wertvolles Werkzeug, um zu verstehen, wie sich Personen auf Ihrer Post-Click-Landingpage verhalten. Sie sollten jedoch nicht das einzige Werkzeug in Ihrem Marketing-Arsenal sein. Denn allein genommen zeichnen sie ein unvollständiges Bild der Benutzererfahrung, und sich allein auf sie zu verlassen, um das Besucherverhalten zu beurteilen, kann Sie in die Irre führen.

Obwohl hilfreich, sind Heatmaps immer noch einschränkend.

Wenn beispielsweise eine Heatmap zeigt, dass viele Besucher das Formular nicht über das erste Feld hinaus ausfüllen, bedeutet dies nicht unbedingt, dass Besucher nur das erste Feld ausgefüllt haben. Dies könnte auch bedeuten, dass Besucher ihre Tastatur anstelle ihrer Maus verwendet haben, um durch Felder zu navigieren.

In diesem speziellen Fall wäre es besser, die Zeit zu messen, die ein Benutzer in jedem Formularfeld verbracht hat, anstatt einfach nur Klickkarten zu betrachten.

Achten Sie beim Erstellen von Heatmaps darauf, dass Sie das Gesamtbild betrachten, damit Sie tatsächlich von der Heatmap-Analyse profitieren können.

Wie können Sie Heatmaps verwenden?

Heatmaps sind ein wertvolles Werkzeug, um zu sehen, welche Aktionen Besucher auf Ihrer Seite ausführen und welche Seitenelemente sie ansprechen können. Heatmaps helfen, die Conversion-Reise zu optimieren, indem sie Post-Click-Landingpages erstellen, die die Nutzer erfolgreich ansprechen. PPC-Manager können die Karten verwenden, um ihren Werbe-ROI zu verbessern, indem sie Anzeigen mit relevanten und dedizierten Post-Click-Landingpages verbinden.

Sowohl Praktiker der Conversion-Rate-Optimierung (CRO) als auch PPC-Manager können die Daten, die sie aus Heatmaps sammeln, für die folgenden drei Zwecke verwenden:

1. Tracking des Besucherverhaltens
2. Zur Conversion-Rate-Optimierung
3. UX-Entscheidungen treffen

Tracking des Besucherverhaltens

Das Verfolgen der Besucheraktivität ist der grundlegende Zweck beim Erstellen von Heatmaps. Da es einen Bildschirm gibt, der Sie und Ihre Besucher trennt, dh Sie können nicht physisch sehen, was sie tun. PPC-Manager und CRO-Praktiker verwenden die Heatmap-Analyse, um zu verstehen, warum sich Besucher so verhalten, wie sie sich auf ihren Webseiten verhalten.

Während Analysemetriken Ihnen die genauen Zugriffszahlen auf Ihrer Post-Click-Landingpage mitteilen und von diesen Besuchern, wie viele Ihre Seite verlassen. Es sind Heatmaps, die erklären, was passiert, wenn ein Besucher auf die Seite kommt – wo er klickt, wo nicht, was er liest und was nicht.

Wenn Sie verstehen, warum sich Benutzer so verhalten, wie sie sich verhalten, können Sie eine Post-Click-Landingpage erstellen, auf der Benutzer problemlos navigieren können.

Zur Conversion-Rate-Optimierung

Conversion-Rate-Optimierung ist der kontinuierliche Prozess, um sicherzustellen, dass der Marketing-Funnel erfolgreich funktioniert, indem er mithilfe verschiedener Optimierungsverfahren Leads in Kunden umwandelt. Zu diesen Prozessen gehören A/B-Tests, die Verbesserung der On-Page-Erfahrung mit Heatmaps, Usability-Tests usw.

Die aus Heatmaps gesammelten Erkenntnisse können verwendet werden, um fundierte A/B-Tests durchzuführen, die auf echten Daten statt auf Ahnungen basieren.

Es wird nicht empfohlen, mit A/B-Tests zu beginnen, nur weil Sie denken, dass dies Ihren Gewinn steigern wird. Das zufällige Testen von Seitenelementen bringt nicht viel für die Conversions. Sie sollten sich stattdessen die Benutzerdaten ansehen, um die genauen Elemente zu sehen, die Sie testen sollten .

Beginnen Sie Ihren A/B-Test immer mit einer Hypothese. Das, was Sie testen möchten, damit Sie, wenn Sie eine gewinnende Variante sehen, genau wissen, was funktioniert. Testen Sie Ihre Post-Click-Landingpages nicht wahllos A/B, sondern beginnen Sie mit einer bestimmten Idee – die Hypothese basiert auf Erkenntnissen aus der Heatmap-Analyse.

Um UX-Entscheidungen zu treffen

Eine andere Möglichkeit, Heatmaps zu verwenden, besteht darin, Entscheidungen über die Benutzererfahrung (UX) auf Ihren Post-Click-Landingpages zu treffen. Anstatt Annahmen darüber zu treffen, wie Besucher Ihre Post-Click-Landingpage sehen, können Sie Echtzeitdaten darüber sammeln, wie ihre Onpage-Erfahrung war.

Diese Daten helfen Ihnen dann, eine Seite mit einer großartigen Benutzererfahrung zu erstellen.

Erste Schritte mit Heatmaps auf Ihren Post-Click-Landingpages

Was passiert, wenn ein Nutzer Ihre Anzeige für relevant hält und darauf klickt?

Ihre Post-Klick-Reise beginnt mit der Ankunft auf Ihrer Post-Klick-Landingpage. Allerdings garantiert das bloße Aufrufen der Seite noch nicht, dass sie auf die CTA-Schaltfläche klicken.

Es reicht nicht aus, einfach eine Post-Click-Landingpage zu erstellen. Damit Ihre Post-Klick-Landingpages Conversions erzielen, müssen Sie sicherstellen, dass Sie die Post-Click-Landingpage für Besucher optimiert haben.

Das Sammeln von Post-Click-Landingpage-Daten hilft Ihnen dabei. Heatmaps helfen Ihnen beim Sammeln qualitativer Daten, die zeigen, wie sich Besucher auf Ihrer Post-Click-Landingpage verhalten. So können Sie die Elemente testen, die nicht funktionieren.

Es gibt verschiedene Heatmap-Tools, mit denen Sie Heatmaps auf Ihren Post-Click-Landingpages erstellen können. Einige der besten Tools sind:

Hotjar

Mit Hotjar können Sie Ihre Benutzer schnell und visuell verstehen. Sie können das Tool verwenden, um sofortiges visuelles Feedback zu erhalten, zu sehen, wie die Leute Ihre Website wirklich nutzen, und Erkenntnisse zu gewinnen, um die richtigen Änderungen vorzunehmen.
Mit Hotjar können Sie Click-Maps erstellen, Heatmaps verschieben und Heatmaps scrollen.

Smartlook

Smartlook ermöglicht es Benutzern, qualitative Analysen für Websites und mobile Apps zu sammeln. Mit Hilfe von klaren und visuellen Erkenntnissen können Sie das „Warum“ Ihres Nutzerverhaltens verstehen.
Die Heatmap-Funktion von Smartlook hilft Ihnen, UX-Einblicke zu sammeln und das Benutzerverhalten besser zu verstehen. Sie können mit Smartlook Scroll-Heatmaps erstellen, Heatmaps verschieben, Click-Maps und Heatmaps für neue und wiederkehrende Benutzer erstellen.

Instapage

Wenn Sie Heatmaps auf Ihren Post-Click-Landingpages erstellen und diese Informationen mit Ihren Analysekennzahlen kombinieren möchten, ist die Verwendung des Instapage Heatmap Visualizer die beste Wahl. Die Heatmap-Funktion von Instapage bietet Ihnen die ultraspezifischen Informationen, die Sie benötigen, um zu bestimmen, welche Seitenelemente A/B-Tests durchführen.

Der Heatmap-Visualizer bietet 3-in-1-Tracking-Funktionalität – Mausbewegung, Klicks und Scrolltiefe. Sie können besser nachvollziehen, wo Besucher die meiste Zeit auf Ihrer Seite verbringen, auf welche Elemente sie geklickt haben und wie weit sie nach unten gescrollt haben, sodass Sie Ihre Post-Click-Zielseite für Conversions optimieren können.

So sehen die Karten auf der Plattform aus:

Mausbewegung

Klicken Sie auf die Karte

Karte scrollen

Führen Sie diese Schritte aus, um eine Heatmap auf der Instapage-Plattform zu erstellen:

Um auf Heatmaps zuzugreifen, öffnen Sie Ihre Seite im Vorschaumodus. Sie können dies im Page Builder tun, indem Sie auf die Schaltfläche Vorschau in der oberen rechten Ecke klicken:

Wenn Sie die Seite nicht veröffentlichen, können Sie auch über das Dashboard auf den Vorschaumodus zugreifen, klicken Sie einfach auf "Seitenvorschau":

Aktivieren Sie im Vorschaumodus einfach den Heatmap-Modus, indem Sie auf den Schalter klicken:

Und jetzt können Sie das Verhalten der Besucher auf Ihrer Seite sehen:

Wenn Sie mit der Maus über das Feuersymbol in der oberen linken Ecke fahren, wird das Heatmap-Menü geöffnet. Von hier aus können Sie zwischen drei Tracking-Metriken wechseln.

1. Mit der Scrolltiefe können Sie sehen, wie weiter unten auf der Seite Ihre Besucher gescrollt haben:

2. Klicks zeigen Ihnen, auf welche Elemente Ihre Besucher geklickt haben:

3. Mit der Mausbewegung können Sie sehen, wo auf Ihrer Post-Click-Landingpage die Besucher die meiste Zeit verbringen:

Heatmaps werden verwendet, um das Verhalten von Besuchern auf einer Webseite zu analysieren. Anhand der über Heatmaps gesammelten Daten können Sie feststellen, ob Besucher bei der Interaktion mit Ihren Seitenelementen auf Reibungspunkte stoßen. Diese Informationen können verwendet werden, um A/B-Tests zu erstellen, die auf echten Benutzerdaten anstelle von wilden Vermutungen basieren.

Sie können das Instapage Heatmap Visualizer-Tool verwenden, um Heatmaps auf Ihren Post-Click-Landingpages zu erstellen, ohne sich für ein externes Tool anzumelden und dafür zu bezahlen. Erstellen Sie Scroll-Maps, Mausbewegungs-Maps und Klick-Maps, um zu verstehen, wie Besucher auf Ihrer Post-Click-Landingpage agieren, und optimieren Sie sie für Conversions.

Erfahren Sie, wie unser Heatmap-Visualizer Ihnen helfen kann, Post-Click-Landingpages mit hoher Konversion zu erstellen. Melden Sie sich hier für eine Enterprise-Demo an.