Das Analysieren von Heatmaps ist ein wissenschaftlicher Ansatz zur Optimierung der Conversion-Rate für Ihren Online-Shop oder Ihre Website. Es ist eine datengestützte Methode, um die Effektivität Ihrer Zielseiten, Kontaktformulare und Kauftrichter zu messen. Mouseflow ist ein Tool zur Analyse, Wiedergabe und Aufzeichnung von Freemium-Heatmaps. In diesem Artikel werden wir Mouseflow überprüfen, indem wir es in unser bevorzugtes CMS-Tool – WordPress – integrieren.
Contents
Was ist eine Heatmap??
Für diejenigen unter Ihnen, die mit dem Thema Heatmap-Analyse noch nicht vertraut sind, hier ein einfacher Überblick.
Heatmaps sind eine visuelle Darstellung der aktivsten Bereiche Ihrer Website. Eine Region, auf die am häufigsten geklickt wird (z. B. die Fang hier an Menüpunkt eines Blogs), würde in einer Heatmap rot erscheinen.
Heatmaps in Suchmaschinen
Die Entwicklung der Heatmaps in 10 Jahren, Quelle: Zwei Oktober
Nehmen wir das Beispiel einer Heatmap in einer Suchmaschine.
In Google (oder einer anderen Suchmaschine) sind die ersten drei Suchergebnisse die am häufigsten angeklickten Links. Infolgedessen wird dieser Bereich in einer Heatmap rot dargestellt, da er der “aktivste” oder “heißeste” Bereich in der Heatmap ist. Die folgenden Links (d. H. Der fünfte, sechste usw.) haben eine abnehmende Anzahl von Klicks und in der Heatmap “kühlere” Farben (orange zu gelb zu grün zu blau).
Der obige Screenshot zeigt, wie sich Heatmaps über einen Zeitraum von zehn Jahren entwickelt haben. Im Jahr 2005 nannten sie es das “heilige Dreieck”, was bedeutete, dass die ersten Buchstaben der ersten beiden Links die meiste Aufmerksamkeit des Suchenden auf sich zogen.
Zehn Jahre später haben wir unsere Augen darauf trainiert, die ersten paar Wörter der oberen 5-6 Links zu scannen. Dies gibt uns die rechteckige Heatmap, die wir auf der rechten Seite des Screenshots sehen.
Was ist Sitzungsaufzeichnung und -wiedergabe??
Heatmaps geben uns einen guten Einblick in die aktivsten oder am häufigsten angeklickten Regionen der Website. Wäre es nicht zu cool? tatsächlich sehen wie ein Besucher mit Ihrer Website interagierte?
Die Bewegung der Maus ist ein starker Indikator dafür wo Die Aufmerksamkeit des Besuchers ist auf der Website.
Sitzungsaufzeichnung ist die perfekte Lösung. EIN Session ist im Wesentlichen die gesamte Aktivität, die der Besucher in einem einzigen Besuch ausführt. Dies schließt die Zeit ein, von der die Website geladen wurde, bis zu der Zeit, als die Registerkarte (oder das Fenster) geschlossen wurde. Mausfluss Aufzeichnungen die einzelnen Sitzungen Ihrer Website-Besucher und ermöglicht es Ihnen, sie jederzeit über Ihren Browser abzuspielen.
Das Abspielen einer aufgezeichneten Sitzung wird aufgerufen Sitzungswiedergabe. Es ist eigentlich ein Video der gesamten Interaktion des Besuchers mit der Website. Dies umfasst eingegebene Informationen (Kennwörter werden immer ausgeblendet), Formularinteraktionen, Klicks und alle anderen Aktivitäten.
Die Vorteile der Sitzungsaufzeichnung und -wiedergabe
Sitzungsaufzeichnung und -wiedergabe ist ein unverzichtbares Werkzeug für Benutzerinteraktionstests, A / B-Tests und Usability-Tests – alles für Live-Benutzer.
Nehmen wir ein Beispiel für eine E-Book-Download-Seite. Dies ist ein klassischer Anwendungsfall bei der Lead-Generierung, bei dem Sie dem Benutzer etwas (in diesem Fall das E-Book) als Gegenleistung für seine E-Mail-Adresse und die Erlaubnis zum Senden von E-Mails geben. Eine Sitzungsaufzeichnung würde zeigen Wie Ihre Benutzer interagieren mit dem Formular, wie viele Personen das Formular tatsächlich ausfüllen, wie viele Felder ein Benutzer ausfüllt, bevor er es abgibt usw..
Es gibt unzählige andere Anwendungsfälle, in denen Sitzungsaufzeichnung, Wiedergabe und Heatmaps zur Optimierung der Conversion-Rate verwendet werden. In diesem Test werden die fünf wichtigsten Funktionen von Mouseflow behandelt:
- Heatmaps
- Sitzungsaufzeichnung
- Sitzungswiederholung
- Formular Sitzungsaufzeichnung
- Sammeln von Feedback
In den folgenden Abschnitten werden wir jedes der Themen ausführlich behandeln.
Das Mouseflow-Dashboard
Das Mouseflow-Dashboard aus der Vogelperspektive
Über das Dashboard von Mouseflow können Sie Ihre letzten Sitzungsaufzeichnungen und Ihre beliebten Heatmaps aus der Vogelperspektive betrachten. Das Diagramm stellt die Anzahl der aufgezeichneten Sitzungen dar und ist proportional zum Verkehr, den Ihre Website erhält.
Heatmaps
Die Heatmaps-Analyse von Mouseflow unterstützt fünf verschiedene Dimensionen, darunter Klick-Heatmap, Bewegungs-Heatmap, Scroll-Heatmap und geografische Heatmap. Wir bewerten eine einzelne Seite mit einem Kontaktformular und testen sie für jede der fünf Arten von Heatmaps.
Klicken Sie auf Heatmaps
Eine Klick-Heatmap repräsentiert die Regionen, die die meisten Klicks erhalten. Jede Seite verfügt über eine eigene Heatmap-Darstellung. Auf einer Seite mit einem Kontaktformular wird beispielsweise die einreichen Schaltfläche würde die höchste Anzahl von Klicks registrieren.
Screenshot einer mit Mouseflow erstellten Click Heatmap in WordPress
Dies ist ein Screenshot der Klick-Heatmap einer Demo-Website, die ich für dieses Tutorial erstellt habe. Da ich das Kontaktformular nur dreimal gesendet habe, werden drei Klicks registriert. Drei ist eine sehr kleine Zahl, die in einer Heatmap berücksichtigt werden muss, weshalb sie blau hervorgehoben ist.
Bewegungs-Heatmap
Screenshot einer Bewegungs-Heatmap in WordPress, erstellt mit Mouseflow
Die Bewegungs-Heatmap repräsentiert die Regionen der Website mit der höchsten Bewegung. Im Screenshot sehen Sie die blauen Flecken, die eine geringe Aktivität darstellen.
Achtung Heatmap
Die Attention Heatmap ist eine interessante Metrik. Es stellt die Bereiche dar, in denen Benutzer die Ausgaben tätigen maximale Zeit.
Lassen Sie uns diesen Screenshot zur Erklärung machen.
Screenshot einer Attention Heatmap in WordPress, erstellt mit Mouseflow
Die Region in Grün hat eine durchschnittliche Zeit von 10,2 Sekunden, während die Regionen in Rot eine durchschnittliche Zeit von 21 Sekunden haben. Dies deutet darauf hin, dass die Besucher der Website einen erheblichen Teil ihrer Zeit vor Ort in der roten Region verbringen. In unserem Fall ist dies das Kontaktformular.
Verwendung von Attention Heatmaps zur Verbesserung der Kopie von Verkaufsseiten?
Die Aufmerksamkeits-Heatmap kann ein hervorragendes Messinstrument sein wo Ihre Besucher verbringen die meiste Zeit. Wenn Sie eine lange Verkaufsseite schreiben, möchten Sie, dass Ihre Leser die Seite tatsächlich von oben lesen (verbringen Sie die meiste Zeit dort), gefolgt von den Testimonials, und klicken Sie auf Kaufe jetzt Taste.
Daher sollte das oberste Bit Ihrer Verkaufsseite idealerweise sein rot, in einer Attention Heatmap.
Wenn Ihre Besucher sind nicht Wenn Sie die ersten Zeilen Ihrer Verkaufsseite lesen, ist dies ein klarer Indikator dafür, dass Ihr Pitch und Ihre Kopie funktionieren müssen.
Heatmap scrollen
Eine Scroll-Heatmap repräsentiert die am meisten gescrollten Regionen auf Ihrer Website. Die Besucher Ihrer Website tendieren dazu, schnell von der Kopfzeile nach unten zu scrollen und das Bit zu erreichen, in dem sich der Inhalt befindet.
Die Scroll-Heatmap ergänzt die Aufmerksamkeits-Heatmap. Wenn die Aufmerksamkeit hoch ist, ist die Schriftrolle niedrig. Sie wissen, dass jemand Ihre Kopie überflogen hat, wenn Sie einen roten Bereich in der Scroll-Heatmap sehen. Die gelben bis grünen Bereiche in einer Scroll-Heatmap zeigen die Bits in Ihrer Kopie an, die Ihre Besucher interessant oder nützlich finden. Bei korrekter Verwendung kann die Scroll-Heatmap ein hervorragendes Werkzeug zur Verbesserung Ihrer Zielseitenkopie sein.
Screenshot einer Scroll Heatmap in WordPress, erstellt mit Mouseflow
In unserem Tutorial habe ich jedoch überall gescrollt, weshalb alles rot markiert ist. Sie werden feststellen, dass der Fußzeilenbereich blau ist, was auf eine minimale Bildlaufaktivität hinweist.
Wie viele Sitzungen soll ich aufzeichnen??
Mit Mouseflow können Sie auswählen, wie viele Sitzungen außerhalb des Datenverkehrs aufgezeichnet werden sollen. Wenn Ihre Eingabe beispielsweise ⅓ ist, wird eine von drei Besuchersitzungen aufgezeichnet. Mit anderen Worten, 30% der Sitzung Ihres Datenverkehrs werden aufgezeichnet.
Dies ist wichtig für die Planung Ihrer Nutzung. Jede aufgezeichnete Sitzung ist eine Gutschrift. Abhängig von dem Plan, den Sie kaufen, müssten Sie den Prozentsatz des aufgezeichneten Verkehrs von Ihrem gesamten Verkehr anpassen.
Eine einfache Möglichkeit, diese Anzahl zu schätzen, besteht darin, Ihren Google Analytics-Verkehrsbericht nachzuschlagen. Wenn Sie beispielsweise 1000 eindeutige Besuche pro Monat erhalten und beispielsweise 500 Sitzungen aufzeichnen möchten, konfigurieren Sie Mouseflow so, dass jeder zweite Besucher aufgezeichnet wird, d. H. 50% des Datenverkehrs.
Geografische Heatmap
Screenshot einer Geo Heatmap in WordPress, erstellt mit Mouseflow
Die geografische Heatmap zeigt die Länder, aus denen die meisten Ihrer Besucher kommen. Diese Daten sind in den meisten Analysesoftware wie Google Analytics oder Kissmetrics verfügbar. Der Screenshot oben stammt von der Demo-Site, weshalb nur Indien hervorgehoben wird.
Trichter
Beispiel eines von Mouseflow erstellten eBook-Download-Trichters in WordPress
Ein Trichter ist eine Reihe von Schritten, die ein Besucher unternimmt, um einen Trichter abzuschließen Aktion auf Ihrer Website.
Angenommen, Sie möchten, dass Ihre Besucher im Austausch für ihre E-Mail-Adresse eine Kopie Ihres neuesten E-Books herunterladen. Dies ist eine klassische Lead-Generierungskampagne, die durch einen E-Book-Download unterstützt wird.
Das Aktion Sie möchten, dass Ihre Besucher das eBook herunterladen. Diese Aktion hat eine oder mehrere Schritte beteiligt.
Um die Dinge einfach zu halten, betrachten wir zwei Schritte (oder Seiten) in dieser Aktion.
- Auf der ersten Seite liest der Besucher das Angebot und gibt die E-Mail-Adresse ein.
- Die zweite Seite ist eine Bestätigungsseite, auf der der Besucher Download / Schaltflächen für das PDF sieht.
Daher enthält der Trichter für den eBook-Download zwei Schritte, wie im folgenden Screenshot gezeigt.
Erstellen eines neuen Trichters für den E-Book-Download in WordPress mit Mouseflow
Mouseflow misst die Drop-Off-Rate in jeder Phase des Trichters. In unserem Beispiel haben wir das E-Book nicht heruntergeladen und die Website nach dem Anzeigen der ersten (Ziel-) Seite verlassen.
Conversion-Rate eines E-Book-Download-Trichters in Mouseflow
Dieser Screenshot zeigt, dass die Zielseite 5 Besucher erhalten hat, von denen keiner die Bestätigungsseite erreicht hat.
So optimieren Sie die Conversion-Rate mithilfe von Trichtern in Mouseflow?
Mithilfe von Trichtern können Sie verfolgen, wie sich Ihre Besucher auf Ihrer Website verhalten. Sie sind unglaublich nützlich, um die undichten Stellen in Ihrem Konvertierungstrichter zu entdecken. Sobald Sie die undichte Seite identifiziert haben, kennen Sie den Bereich Ihres Problems. Sie können dann die Kopie der Seite optimieren (oder in einigen Fällen die Seite vollständig entfernen), um festzustellen, ob die Abgaberaten sinken.
Formen
Verfolgen von Formularen in WordPress mit Mouseflow
Mit Mouseflow können Sie verfolgen, wie Besucher mit Ihren Formularen in WordPress interagieren. Dies ist besonders hilfreich bei der Generierung von B2B-Leads und beim Content-Marketing, bei denen die Kosten pro Lead im Vergleich zu B2C-Websites / -Produkten erheblich höher sind.
Betrachten wir das WPExplorer-Testformular dass ich für dieses Tutorial erstellt habe.
Segmentierung von Feldern in verfolgter Form in Mouseflow
Dieser Screenshot zeigt, dass die Seite des Formulars zwei Besucher hatte und die maximale Zeit im Feld für die E-Mail-Adresse verbracht wurde. Sie werden auch feststellen, dass die Conversion-Rate 0% beträgt, da ich das Formular nach dem Ausfüllen nicht eingereicht habe.
So verbessern Sie die Formularausfüllrate mithilfe von Mouseflow?
Mit Mouseflow können Sie die datenintensiven Felder in Ihrem Formular ermitteln und die Zeit messen, die zum Ausfüllen eines typischen Formulars benötigt wird. Wenn die Anzahl der Felder in Ihrem Formular zu hoch oder schlimmer noch irrelevant ist, werden Ihre Besucher möglicherweise an diesen bestimmten Feldern im Formular abgesetzt. Mit Mouseflow können Sie diese Felder identifizieren und um sie herum optimieren, um letztendlich die Abschlussrate Ihres Formulars zu erhöhen.
So verfolgen Sie ein Formular in WordPress mit Mouseflow?
Das Verfolgen eines Formulars in WordPress mit Mouseflow umfasst einige Schritte:
- Richten Sie zuerst Ihr Formular in WordPress ein und kopieren Sie die URL
- Rufen Sie die Seite Formulare in Ihrem Mouseflow-Dashboard auf und klicken Sie auf Neues Formular.
- Fügen Sie die in Schritt 1 kopierte URL ein.
- Mouseflow erkennt das Formular automatisch von der Seite zusammen mit allen Feldern.
- Sie können jedem Feld im Formular einen Namen zuweisen, damit es leichter zu verfolgen ist.
- Klicken Sie abschließend auf Formular erstellen, um die Formularinteraktionen zu verfolgen.
Feedback
Mit Mouseflow können Sie schöne, nicht aufdringliche Feedback-Kampagnen für Ihre Website-Besucher erstellen. Das Zuhören Ihrer Leser / Kunden ist schließlich eine sichere Möglichkeit, Ihre Website zu verbessern.
So sieht eine typische Feedback-Kampagne aus:
Mit Mouseflow erstellte Feedback-Kampagne in WordPress
Sobald Sie die Umfrage abgeschlossen haben, ist dies die Bestätigungsseite.
Bestätigungs- / Danke-Seite für die Feedback-Kampagne
So erstellen Sie eine Feedback-Kampagne in WordPress mit Mouseflow?
Nun wollen wir sehen, wie man in Mouseflow eine Feedback-Kampagne erstellen kann.
Melden Sie sich bei Ihrem Mouseflow-Dashboard an und klicken Sie auf Feedback Klicken Sie im linken Menü auf Neue Kampagne hinzufügen.
Erstellen einer neuen Feedback-Kampagne in Mouseflow
Sie können so viele Fragen hinzufügen, wie Sie benötigen, mit mindestens einer Frage. Die Antwortoptionen umfassen Multiple Choice, Textabsatz (klein / groß) oder einen Net Promoter Score.
Auf der rechten Seite sehen Sie eine Vorschau der Fragen und Antwortoptionen.
Zuletzt definieren Sie den Inhalt der Erfolgsseite und klicken auf Nächster.
Auslöser in der Feedback-Kampagne
Löst aus Definieren Sie, wann und wo jede Feedback-Kampagne angezeigt wird. Mouseflow bietet eine Reihe von Optionen, mit denen Sie Ihre Trigger definieren können. Zum Beispiel im obigen Screenshot:
- Die Feedback-Kampagne wird geladen, sobald die Seite geladen wird.
- Es wird für alle Besucher geladen, unabhängig davon, ob sie registrierte oder andere segmentierte Benutzer sind.
- Die Kampagne wird auf allen Seiten geladen (obwohl es eine gute Idee ist, sie nicht auf der Anmeldeseite anzuzeigen!)
- Eine wichtige Option – das Kampagnenformular wird nur einmal pro Benutzer angezeigt.
Wenn Sie die Auslöser definiert haben, klicken Sie auf Nächster fortfahren.
Kill Switch für eine Feedback-Kampagne in Mouseflow
Schließlich können Sie die Kampagne sofort nach der Erstellung aktivieren.
Es ist jedoch eine gute Idee, die Kampagne zunächst auf der Live-Site zu testen, indem Sie sie auf eine nicht indizierte oder am wenigsten beliebte Seite beschränken und prüfen, ob die Daten ordnungsgemäß erfasst wurden. Sobald Sie überprüft haben, ob die Kampagne funktioniert, können Sie sie standortweit bereitstellen.
Was ich an Mouseflow mag
Die intuitive Benutzeroberfläche und die mehreren Tracking-Optionen von Mouseflow machen es zu einem hervorragenden Start für die Heatmap-Analyse.
Das Freemium-Modell
Mouseflow-Preismodell
Mouseflow arbeitet mit einem Freemium-Modell und bietet Ihnen jeden Monat 200 kostenlose Credits.
Jedes Guthaben entspricht einer aufgezeichneten Sitzung. Das Guthaben ist jedoch auf 200 pro Monat begrenzt. Wenn Sie es also nicht verwenden, verlieren Sie es.
Ähnlich wie bei MailChimp (meinem bevorzugten E-Mail-Dienstanbieter) bietet mir Mouseflow die Flexibilität, den Dienst zu testen, bevor ich ihn festschreibe. Im Vergleich zu den anderen Heatmap-Analysediensten verfolgt Mouseflow eine ziemlich wettbewerbsfähige Preisstrategie.
Integrierte WordPress-Kompatibilität
Mouseflow Plugin Dashboard in WordPress
Mouseflow unterstützt Integrationen mit mehreren Tools (dazu später mehr), einschließlich WordPress. Laden Sie einfach die herunter, um Ihre WordPress-Site mit Mouseflow zu verfolgen Mouseflow für WordPress Plugin und aktivieren Sie es.
Ein neuer Eintrag namens Mouseflow sollte in der linken Leiste Ihres WordPress-Dashboards angezeigt werden.
Einfügen des Tracking-Codes von Mouseflow in WordPress
Klicke auf Verfolgungscode um den Tracking-Code in Ihre WordPress-Site einzufügen. Die Tracking-Code-Informationen für die Site finden Sie in Ihrem Mouseflow-Konto unter die Einstellungen.
Site-Informationen in Mouseflow
Sobald dies erledigt ist, beginnt Mouseflow mit der Aufzeichnung Ihrer Sitzungen auf Ihrer WordPress-Site.
Andere coole Sachen
Onboarding-Prozess für neue Benutzer von Mouseflow
Ich mag den neuen Benutzer-Onboarding-Prozess von Mouseflow, der mich mit den verschiedenen Optionen im Dashboard vertraut gemacht hat. Ich war in weniger als 10 Minuten einsatzbereit, ohne auf die Wissensdatenbank zu verweisen. Sie haben auch einige coole Trainingsvideos, die ordentlich in sechs Kategorien organisiert sind.
Integration von Drittanbietern 
Mouseflow lässt sich in über 30 Software von Drittanbietern integrieren
Mouseflow unterstützt mehrere Integrationen von Drittanbietern, von CMS über Marketing-Software bis hin zu fortschrittlicher Tag-Management-Software. Zum Zeitpunkt des Schreibens unterstützt Mouseflow 30 native Integrationen, die in sechs Hauptkategorien unterteilt sind:
- Content Management Systeme: Anders als WordPress lässt sich Mouseflow in Joomla, Drupal, Blogger und gute alte HTML5-Websites integrieren. Es lässt sich auch in beliebte Site-Builder wie Squarespace und Weebly integrieren. Wix muss noch eine dedizierte Integration erhalten.
- E-Commerce: Mouseflow lässt sich in führende Open-Source-E-Commerce-Software wie Prestashop, Magento, 3dcart und beliebte kostenpflichtige Lösungen wie Shopify integrieren.
- Analytics: Sie können die Daten von Mouseflow in gängige Analysesoftware wie Google Analytics, Adobe Analytics und spezielle Software wie Kissmetrics und Coremetrics integrieren.
- Marketing: Mouseflow unterstützt führende Marketing-Software wie Hubspot, Instapage, Unbounce, Optimizely und andere.
- Kundendienst: Eine hilfreiche Kundenunterstützung in Echtzeit ist eine Grundvoraussetzung für ein erfolgreiches Unternehmen und dessen langfristige Stabilität. Mouseflow lässt sich auch in führende Kundensupport- und Helpdesk-Software wie Zendesk, Olark, Freshdesk und Zopim integrieren.
- Tag Management: Die Zuordnung ist der Schlüssel zur Messung Ihrer Marketingbemühungen und Ihres ROI. Es gibt erweiterte Tag-Management-Software wie Segment.io und Google Tag Manager. Mouseflow lässt sich zusammen mit Ensighten und Tealium nativ in diese integrieren.
Darüber hinaus hat Mouseflow auch eine leistungsstarke REST-API, über die Sie von jedem benutzerdefinierten Portal aus auf Daten zugreifen können.
Mouseflow-Kundschaft
Mouseflow hat eine umwerfende Kundschaft
Mouseflow wird von einigen der größten Namen der Branche verwendet, darunter Hubspot, Optimizely und Intuit. Zum Zeitpunkt des Schreibens beträgt der Kundenstamm über 100.000.
Einpacken
Die Website-Analyse ist ein boomendes Feld in der heutigen Wirtschaft mit Aufmerksamkeitsdefizit. Millionen von Dollar fließen in die Finanzierung neuer Forschungen und Lösungen für Analytik und Attribution. Mouseflow ist der perfekte Start für jeden Vermarkter, um sich mit den Grundlagen der Heatmap-Analyse vertraut zu machen.
Lassen Sie uns einen kurzen Überblick über das geben, was wir bisher behandelt haben:
- Was sind Heatmaps??
- Wie die Aufzeichnung und Wiedergabe von Sitzungen bei der Analyse des Benutzerverhaltens hilft
- Zu den Funktionen von Mouseflow gehören Heatmaps (Klicken, Bewegung, Aufmerksamkeit, Scrollen und Geo), Trichter, Formulare und Feedbackkampagnen.
- So richten Sie WordPress und Mouseflow ein
- Coole Dinge über Mouseflow, einschließlich der Integration von mehr als 30 Drittanbietern und des für immer kostenlosen Plans.
Wie immer hinterlasse ich Ihnen eine Frage. Verwenden Sie Heatmap-Analysen auf Ihrer Website? Wenn ja, welche Software verwenden Sie? Ist funktionell besser als Mouseflow? Lass es uns in den Kommentaren unten wissen!
