So verwenden Sie Heatmaps, um Klicks auf Ihrer WordPress-Website zu verfolgen

Es gibt viele Möglichkeiten, die Leistung einer Webseite zu messen, und die beliebteste ist bei weitem Google Analytics. Aber genau zu wissen, welche Bilder, Wörter oder Elemente auf Ihrer Website die besondere Aufmerksamkeit Ihrer Website-Besucher erregen, ist mit diesen Tools allein nicht möglich.

Manchmal möchten Sie einfach wissen, was Ihre Seite in Bezug auf Design, Layout, Inhaltsstruktur (wie Sie es nennen) großartig macht und was die Leute dazu veranlasst, eine absichtliche Aktion anstelle einer anderen zu ergreifen. Sie werden wahrscheinlich überrascht sein zu erfahren, dass es tatsächlich eine Lösung für Ihre Frage gibt: Heatmaps.

Im Gegensatz zu Google Analytics, das mit Zahlen und Statistiken arbeitet, zeigen Ihnen die Heatmaps genau die Stellen, die auf einer bestimmten Seite das meiste Engagement erhalten. Durch Heatmaps wissen Sie, welche Bereiche auf einer Seite am häufigsten angeklickt werden, welche Absätze Personen beim Scannen Ihrer Inhalte auswählen und wie das Scrollverhalten Ihrer Kunden ist (z. B. wie viele unter die Falte gegangen sind oder wie viele das Ende erreicht haben). die Seite).

In diesem Artikel werden wir darüber sprechen, warum Heatmaps für Ihre Marketingziele so effizient sind und wie sie in Ihre WordPress-Site integriert werden können.

Warum Heatmaps auf deiner WordPress-Seite verwenden?

Bevor Sie mit dem „How to“-Teil fortfahren, möchten Sie vielleicht wissen, warum es sich lohnt, wertvolle Zeit auf die Implementierung von Heatmaps für Ihre WordPress-Site zu verwenden und was ihre eigentliche Rolle ist.

Zunächst einmal wächst das visuelle Marketing ständig, da viel mehr Menschen jetzt positiv auf eine moderne und benutzerfreundliche Oberfläche reagieren und eine einfache, nicht interaktive Oberfläche überspringen. Wenn eine bestimmte Aktion zu viele Schritte und eine schwer zu manövrierende Plattform erfordert, geben sie schließlich auf und Sie verlieren Kunden.

Natürlich sind großartige Inhalte immer noch der Schlüssel, aber die Art und Weise, wie Ihre Website strukturiert ist und verschiedene Elemente kombiniert, wird die Aktivität Ihrer Besucher beeinflussen, die entweder konvertieren (interagieren) oder gehen.

Marketingexperten haben diese Art von Verhalten im Laufe der Zeit untersucht:

• 37 % der Vermarkter sind der Meinung, dass visuelles Marketing die wichtigste Form von Inhalten für ihr Unternehmen ist, gleich nach dem Bloggen (38 %).

• 51 % der B2B-Vermarkter priorisierten im Jahr 2016 die Erstellung visueller Inhalte;

• 38 % der Menschen hören auf, sich mit einer Website zu beschäftigen, wenn der Inhalt/das Layout unattraktiv ist.

Aber wofür wurden Heatmaps speziell erstellt? Eine Heatmap kann Ihnen helfen, wertvolle und manchmal überraschende Fakten über Ihr Publikum zu entdecken.

Wenn Sie einen zu Ihrer WordPress-Site hinzufügen, können Sie:

• Verfolgen Sie die Klicks Ihrer Besucher und werden Sie sich ihrer Erwartungen beim Surfen auf Ihrer Website bewusst. Auf diese Weise können Sie Ihre Seiten anpassen und sie ansprechender und ansprechender gestalten.

• Finden Sie heraus, was die Menschen interessiert. Sie wissen, nach welchen Informationen sie suchen, sodass Sie sie ins Rampenlicht rücken und zu Ihren Gunsten nutzen können.

• Analysieren Sie das Scrollverhalten. Sehen Sie, wie viele Besucher den unteren Bereich der Website erreicht haben und wie viele ihn sofort verlassen haben, ohne weiter durch die Abschnitte zu blättern.

• Behalten Sie die Cursorbewegung im Auge und sehen Sie, über welche Inhalte Ihr Publikum in einem Text schwebt (oder auswählt).

Auch hier geht es bei der Verwendung von Heatmaps nicht nur darum, Klicks zum Spaß zu verfolgen, sondern kann viele Auswirkungen auf das Wachstum Ihres Unternehmens haben. Sie können Käufe oder Conversions jeglicher Art beeinflussen (es hängt davon ab, was Sie mit Ihrer Website erreichen möchten).

Sie werden wissen, ob Ihre Call-to-Action-Buttons im Vergleich zu anderen Elementen auf derselben Seite die gewünschte Aufmerksamkeit erhalten. Vielleicht lenken andere Designelemente, die Sie auf Ihrer Verkaufsseite platziert haben, die Leute davon ab, auf die Schaltfläche „Kaufen“ zu klicken, und dies ist auf der Karte der Hot Spots zu sehen. Basierend auf den Ergebnissen können Sie das Aussehen, die Position, das Styling usw. ändern und somit den Umsatz steigern.

Auch Blogger können die Heatmaps nutzen, denn so wissen sie, wie sie ihre Inhalte kundenfreundlich und ansprechend gestalten können. Einige Layouts generieren mehr Traffic als andere , und es liegt an Ihnen, herauszufinden, welche.

Wenn Menschen bei einer bestimmten Information verweilen, bedeutet dies, dass sie für sie wertvoll ist, und Sie können sie zu Ihren Gunsten nutzen, indem Sie einen Link oder eine Schaltfläche in der Nähe platzieren. Oder Sie können einfach einen separaten Beitrag mit noch mehr Informationen zu diesem Thema erstellen.

So fügen Sie Ihrer WordPress-Site eine Heatmap hinzu

Egal, ob es sich um Plugins handelt, die ursprünglich für WordPress oder Tools von Drittanbietern entwickelt wurden, die Integration ist überhaupt nicht schwierig. Normalerweise ist der schwierigste Teil bei Heatmaps die Interpretation der Ergebnisse – die Schlussfolgerungen zusammen mit den Auswirkungen, die sie auf Ihr Unternehmen haben, und wie Sie sie zu Ihrem Vorteil nutzen können.

Wenn es darum geht, sie zu installieren, müssen Sie nur ein Tool auswählen und die Tests starten. Crazy Egg, Heatmap for WordPress, Hotjar Connecticator, Lucky Orange und SeeVolution sind die besten und beliebtesten Tools, die Ihnen in diese Richtung helfen. Heatmap für WordPress und Hotjar sind kostenlos, während die anderen drei in Premium-Plänen erhältlich sind (sie bieten jedoch kostenlose Testversionen an).

Es ist wichtig zu erwähnen, dass alle diese Tools (außer Heatmap für WordPress ) auch mit anderen Website-Erstellern funktionieren, nicht nur mit WordPress. Sie sind universell; Es ist nur so, dass die WordPress-Entwickler einen einfachen Weg gefunden haben, sie mit letzterem zu integrieren, so dass die Nicht-Programmierer nicht viel damit zu kämpfen haben. Um sie in einen anderen Website-Builder wie beispielsweise Squarespace zu integrieren, müssen Sie ein wenig mit dem Code spielen.

Wie richten Sie also die Heatmaps auf Ihrer Website ein? Lassen Sie uns Hotjar verwenden, weil es insgesamt gute Arbeit leistet. Es ist intuitiv, modern und schnell in WordPress zu implementieren.

Nehmen wir in diesem Fall das Hotjar Connecticator -Plugin als Beispiel. Nach der Installation und Aktivierung müssen Sie ein Konto auf hotjar.com erstellen, die URL der Website hinzufügen, die Sie überwachen möchten (Sie können später weitere Websites hinzufügen) und den bereitgestellten Tracking-Code auf die Seite des Plugins in Ihrem WordPress-Dashboard kopieren (wie unten zu sehen).

Jetzt ist es an der Zeit, die Heatmap zu erstellen, was direkt über die Hotjar-Plattform erfolgen kann (Sie können nichts auf Ihrem WordPress-Dashboard anpassen). Klicken Sie also auf Heatmaps und dann auf New Heatmap.

Als Nächstes müssen Sie Ihre Seiten-Targeting-Einstellungen auswählen. Möchten Sie die Hotspots auf einer einzigen Seite verfolgen? Testen Sie mehrere Seiten gleichzeitig, um deren Ergebnisse zu vergleichen? Das funktioniert auch. Wenn Sie Letzteres benötigen, stehen Ihnen einige URL-Formate zur Verfügung, sodass Sie sicherstellen können, dass Sie alle Seiten einer bestimmten Kategorie (sortiert nach Typ, Veröffentlichungsdatum usw.) ansprechen können. Sie können sogar die genauen Wörter schreiben, die die Links enthalten und Hotjar beginnt mit dem Tracking der Seiten.

Eine interessante Sache an Hotjar ist, dass Sie Seitenelemente ausschließen können, die Sie nicht überwachen möchten, indem Sie ihre CSS-Selektoren hinzufügen. Auf diese Weise können Sie vermeiden, beim Vergleichen oder Analysieren der Ergebnisse durch unnötige Dinge abgelenkt zu werden, und können sich nur auf die konzentrieren, die Sie testen möchten.

Nachdem Sie die Heatmap erstellt haben, wird der erste Screenshot mit den Hotspots erst bereitgestellt, nachdem die Seite begonnen hat, Besucher und Klicks zu erhalten. Erwarten Sie also nicht sofort Ergebnisse. Das Tool verfolgt alle Ansichten, die Sie auf dieser Seite hatten, seit die Heatmap erstellt wurde, sodass Sie Berichte basierend auf den Ansichten und der Anzahl der Klicks erstellen können. Diese Art von Berichten zeigt Ihnen, wie anklickbar (oder nicht) Ihre Inhalte sind.

So sieht der erste von Hotjar bereitgestellte Screenshot aus (der Test wurde mit einer nicht angepassten Version des Hestia WordPress-Themes durchgeführt):

Eine weitere großartige Sache an diesem Tool ist, dass es Ihnen die Möglichkeit bietet, einfache und interaktive Umfragen zu erstellen, um Ihre Benutzer zu fragen, warum sie Ihre Seite verlassen oder was ihnen an Ihrer Seite nicht gefallen hat.

Fallstudie: Wie wir Zielseiten auf ThemeIsle und CodeinWP mit Heatmaps verbessert haben

Die Theorie klingt fesselnd und ist fast immer einfacher als die Praxis selbst. Aber funktioniert diese Methode wirklich? Ist es effizient? Erhalten Sie am Ende des Tages relevante Ergebnisse und Erkenntnisse?

Die Antwort lautet: Ja, wenn Sie Geduld haben.

Wir bei ThemeIsle lieben Heatmaps und verwenden sie auf vielen unserer Seiten. Die Seiten beziehen sich hauptsächlich auf WordPress-Themen, da das Unternehmen ein Online-Shop ist, der Themen und Plugins für diese spezielle Plattform verkauft.

Einer der beliebtesten Inhalte des CodeinWP-Blogs bezieht sich ebenfalls auf Themen. Wir haben eine große Auswahl an Einträgen, und viele von ihnen rangieren unter den ersten drei der Google-Ergebnisseite. In letzter Zeit haben wir mit zwei Arten von Layouts für die Listen experimentiert: eine mit einem einzigen Screenshot, der die Startseite des Themas darstellt, und eine andere mit drei Screenshots: Startseite, einzelne Beitragsseite und mobile Anzeige.

Die Hauptsache, die uns beim Vergleich der beiden Versionen aufgefallen ist, war, dass ziemlich viele Leute bis zum Ende der Liste gelangten, aber die Klickverteilung war anders: Die Auflistung mit mehr Visuals erhielt nicht so viele Klicks in der unteren Hälfte wie die eine mit nur einem Screenshot. Das bedeutet, dass die Liste mit mehr visuellen Elementen aussagekräftiger ist, da sie mehr Beispiele aus dem Design des Themas bietet, was den Leuten hilft, schneller zu erkennen, welche ihnen gefallen. Angesichts dieser Tatsache sind keine zusätzlichen Klicks erforderlich, um zu sehen, wie ein Thema aussieht.

Im Fall eines Screenshots graben die Leute tiefer, um mehr Details zu einem Thema zu finden, da es nur die Homepage gibt, die sie auf dem Bild sehen können. Daher klicken sie auf Mehr, um zur Seite des Themas zu gelangen und die Live-Demo zu starten.

Wenn Sie also nach Werbemöglichkeiten suchen oder Affiliate-Links verwenden, hilft Ihnen die Ein-Bild-Version in Bezug auf die Benutzerinteraktion und die auf Ihrer Website verbrachte Zeit mehr.

Ein weiteres Beispiel für die Verwendung von Heatmaps ist die Dokumentationsseite des Hestia-Designs. Während des Testprozesses haben wir festgestellt, dass eine beträchtliche Anzahl von Benutzern an einem Upgrade auf die Premium-Version interessiert ist, nachdem sie die Anzahl der Klicks auf das Wort „Upgrade“ gesehen haben, was uns davon überzeugt hat, die Upgrade-Schaltfläche an eine offensichtlichere Stelle zu verschieben und die zu verbessern Zielseite, die die Premium-Funktionen des Themas enthält.

Apropos Premium-Funktionen: Ein weiteres Experiment von uns bestand darin, die Cursorbewegung zu verfolgen und zu sehen, über welche Funktionen die Leute mehr schweben, wenn sie die Dokumentation überprüfen. Basierend auf den Ergebnissen haben wir die beliebtesten Artikel auf vielen Landingpages verwendet, die nach Konversion suchten – in diesem Fall war dies das Upgrade auf das Premium-Theme durch unsere kostenlosen Benutzer.

Wir haben auch eine Heatmap für unsere FAQ-Seite erstellt, um die weniger angeklickten Fragen zu verfolgen, die wir anschließend durch andere relevante ersetzt haben. Der Test ist noch im Gange, da wir versuchen, unsere Support-Services zu verbessern und den Kunden reibungslosere Erfahrungen mit unseren Produkten zu bieten.

Die Bedeutung von A/B-Tests

Nachdem Sie aus den Heatmaps großartige Erkenntnisse gewonnen haben, müssen Sie hier nicht aufhören. Erstellen Sie basierend auf den Ergebnissen Alternativen für Ihre Seiten und verwenden Sie die A/B-Testmethode, um zu sehen, welche besser abschneiden.

A/B-Testing ist wahrscheinlich die beliebteste Methode, mit der Sie zwei oder mehr Versionen derselben Seite vergleichen können. Das Endziel ist es herauszufinden, welches besser konvertiert. Sie sollten es ausprobieren, denn es hilft Ihnen definitiv, Ihren Zielen näher zu kommen und bietet Ihnen eine neue Perspektive darauf, wie Ihre Inhalte von Ihrem Publikum konsumiert werden.

Also, nachdem Sie Heatmaps für eine Weile verwendet und das Verhalten Ihrer Benutzer verfolgt haben, beginnen Sie damit, einen Plan zu erstellen, wie Sie die Benutzerfreundlichkeit Ihrer Website verbessern können. Schaffen Sie Alternativen, bleiben Sie nicht bei einer. Wenn Sie mehr als eine Idee haben, testen Sie sie alle und beobachten Sie die Reaktionen der Leute. Das Ziel hier ist es, die effizienteste Zielseite zu erstellen, die die besten Chancen hat, zu konvertieren oder das erwartete Engagement zu erhalten.

Aber wie funktionieren A/B-Tests?

Nun, es gibt mehrere Plugins, die entwickelt wurden, damit diese Methode auf Ihrer WordPress-Seite funktioniert, aber Nelio A/B Testing ist das beliebteste, basierend auf den Bewertungen, die es im WordPress.org-Verzeichnis hat (und es ist auch kostenlos). Nach der Installation des Plugins können Sie die Art des Experiments auswählen, das Sie ausführen möchten. Es bietet eine große Auswahl an Vergleichsoptionen: Seiten, Beiträge, Überschriften, Widgets und mehr.

Jetzt ist das Starten eines Experiments wirklich einfach, es dauert ein paar Minuten. Wenn Sie es erstellen, müssen Sie die Originalseite hinzufügen, auf der Sie Tests durchführen möchten, die Alternative, mit der Sie es vergleichen möchten, und das Ziel (was Sie mit dem Experiment erreichen möchten: Seitenaufrufe, Klicks oder direkte Personen an eine externe Quelle). Nachdem Sie die Experimente beendet haben, zeigt Ihnen das Plugin detaillierte Ergebnisse, die sich um das Ziel drehen, das Sie sich ursprünglich gesetzt haben. Am Ende des Tests können Sie also feststellen, welche Seite besser abgeschnitten hat, und Sie können sie auf Ihrer Website verwenden … bis Ihnen eine neue Idee in den Sinn kommt und Sie erneut mit dem Testen beginnen sollten. Denn beim digitalen Marketing geht es nicht darum, anzunehmen und zu hoffen, dass etwas passiert, sondern darum, Dinge geschehen zu lassen . Deshalb sollten Sie immer testen, testen und nochmals testen.

Übrigens können Sie mit dem Nelio A/B-Testing-Plugin auch Heatmaps erstellen, aber sie sind nicht so ausgefeilt wie die zuvor aufgeführten Plugins und liefern nicht so viele Erkenntnisse. Aber Sie können es ausprobieren, wenn Sie schnelle Experimente durchführen möchten und einige grundlegende Informationen zu einer Seite benötigen.

Fazit

Wenn Sie ein erfolgreiches Unternehmen haben oder der Autor eines mutigen Projekts sein wollen, passen Sie Ihre Strategien ständig an. Probieren Sie jeden Tag, jede Woche neue Dinge aus. Um sich anpassen zu können, reicht es nicht aus, Ihr Publikum einfach zu kennen, sondern auch sein Verhalten zu testen und darauf basierend die nächsten Schritte zu unternehmen.

Beim Marketing geht es nicht darum zu erraten, was Ihre Kunden wollen ; es geht darum, es selbst zu finden und ihnen das anzubieten, was sie brauchen. Die Heatmaps-Methode hilft Ihnen dabei, indem sie das Verhalten der Menschen auf Ihrer Website skizziert und hervorhebt, was ihnen am wichtigsten ist. Es ist einfach, schnell, visuell (Sie müssen sich nicht zu sehr mit Statistiken beschäftigen, um Ihr Publikum zu verstehen) und macht Spaß.

Zu wissen, was Ihre Benutzer tun, wenn sie auf Ihren Webseiten landen, könnte etwas wirklich Faszinierendes sein, und Sie können viel daraus lernen.