Hotjar für PrestaShop: Heatmaps und Sitzungsaufzeichnungen, die Probleme sichtbar machen
Zuletzt geprüft im Juni 2026, Hotjar kombiniert Heatmaps und Aufzeichnungen weiterhin mit seiner Umfrage- und Feedback-Ebene; die folgenden Prüfungen zu Einwilligungssteuerung und Maskierung entsprechen der aktuellen DSGVO-Praxis. Betrachten Sie alle Preisangaben als Orientierung und prüfen Sie Hotjars aktuelle Tarife.
Heatmaps und Sitzungsaufzeichnungen zeigen Ihnen, wo ein Kunde ins Stocken geraten ist, der Mauszeiger, der neun Sekunden lang über der Versanddienstleister-Liste schwebte, das Bestellformular, das beim Telefonnummer-Feld verlassen wurde. Was sie Ihnen nicht sagen können, ist der Satz, der dieser Person gerade durch den Kopf ging: „Ich konnte das Lieferdatum nicht finden“ oder „Ich bin gegangen, um zu prüfen, ob dieser Code auch woanders funktioniert.“ Der Grund, Hotjar in einem PrestaShop-Shop einzusetzen, ist genau diese letzte Lücke. Zusätzlich zu den Heatmaps und Aufzeichnungen, die Sie anderswo kostenlos bekommen, können Sie den Kunden direkt im Moment auf genau der Seite fragen, auf der er gezögert hat, und die Antworten anschließend neben der Aufzeichnung seines Verhaltens lesen. Diese Kombination rechtfertigt ein kostenpflichtiges Werkzeug, und aus dieser Perspektive ist dieser Leitfaden geschrieben.
Wenn Sie Verhalten nur sehen müssen, Klickkarten, Scrolltiefe, Wutklicks, tote Klicks, erledigt Microsoft Clarity das ohne Sitzungsbegrenzung und ohne Rechnung; wir behandeln es vollständig in Microsoft Clarity für PrestaShop. Dieser Beitrag beantwortet die nächste Frage: Wann lohnt es sich, für Hotjars Feedback-Ebene zu bezahlen, und wie binden Sie sie so in einen PrestaShop-Shop ein, dass die Daten wirklich verlässlich sind?
Was Hotjar bietet, was kostenlose Heatmap-Werkzeuge nicht leisten
Auf das Wesentliche reduziert hat Hotjar dieselben zwei Beobachtungssäulen wie alle anderen: Heatmaps, die Klicks und Scrolltiefe über Besucher hinweg aggregieren, und Sitzungsaufzeichnungen, die eine einzelne Kundenreise abspielen. Das ist Grundausstattung, und rein auf der Beobachtungsebene kommt ein kostenloses Werkzeug hier mit. Seinen Preis verdient Hotjar durch drei Funktionen, die darüberliegen:
- Umfragen im Shop und Feedback-Widgets. Eine Umfrage, die auf der Produktseite ausgelöst wird, eine Exit-Intent-Frage im Warenkorb, ein seitlicher Feedback-Reiter, der im Bestellprozess sichtbar bleibt. Das ist die qualitative Ebene: Der Kunde erklärt Ihnen das „Warum“ in seinen eigenen Worten, statt dass Sie es aus einem Mauspfad ableiten müssen.
- Conversion-Trichter mit Aufzeichnungen der Absprünge. Definieren Sie die Schritte Startseite → Kategorie → Produkt → Warenkorb → Bestellprozess → Bestellbestätigung, und Hotjar zeigt Ihnen den prozentualen Verlust pro Schritt, mit einem Klick auf die Aufzeichnungen nur der Sitzungen, die an diesem Schritt abgesprungen sind.
- Segmentierung und Filterung. Filtern Sie Aufzeichnungen nach Gerät, Traffic-Quelle, danach, ob ein Wutklick aufgetreten ist, oder danach, ob die Sitzung die Bestellbestätigungs-URL erreicht hat, damit Sie die 25 relevanten Sitzungen ansehen, nicht 2.000 irrelevante.
Und was bringt das? In einem PrestaShop-Shop ist der praktische Nutzen sehr konkret: Der Trichter zeigt Ihnen den Bestellschritt, an dem Umsatz verloren geht, die gefilterten Aufzeichnungen zeigen Ihnen die Körpersprache der Menschen, die dort ausgestiegen sind, und die Umfrage auf dieser Seite liefert Ihnen den Satz dahinter. Ein Leck, drei Blickwinkel, ein Werkzeug. Diesen Arbeitsablauf kann eine kostenlose Heatmap allein nicht abbilden.
Die PrestaShop-Seiten, auf denen sich die Umfrage-Ebene bezahlt macht

Allgemeine Ratschläge wie „fügen Sie eine Umfrage hinzu“ sind nutzlos. Der Wert entsteht, wenn die richtige Frage auf dem richtigen PrestaShop-Controller erscheint. Hier zahlt sich die Feedback-Ebene in einem typischen Shop aus, zugeordnet zur tatsächlichen Seite:
| Seite (PrestaShop-Controller) | Auslöser | Frage, die sich lohnt | Was Sie mit der Antwort tun |
|---|---|---|---|
| Produktseite (ProductController) | Verweildauer auf der Seite oder Scrollen über die Beschreibung hinaus | „Fehlt hier etwas, das Sie vom Kauf abhält?“ | Wiederholte Antworten wie „Wie lange dauert die Lieferung?“ bedeuten, dass Ihre Versandinformationen vergraben sind, holen Sie sie auf die Produktseite oder in den Variantenblock. |
| Warenkorb (CartController) | Ausstiegsabsicht | „Warum verlassen Sie den Shop, ohne zur Kasse zu gehen?“ | „Die Versandkosten haben mich überrascht“ verweist auf die Versanddienstleister-Konfiguration; „ich suche nach einem Code“ verweist auf das Gutscheinfeld (siehe unten). |
| Bestellprozess (OrderController) | Feedback-Reiter, immer sichtbar | „War hier etwas unklar?“ | Beschwerden zu einzelnen Feldern zeigen direkt, welchen Bestellschritt Sie vereinfachen sollten. |
| Bestellbestätigung (OrderConfirmationController) | Beim Laden, nach dem Kauf | „Was hätte Sie beinahe davon abgehalten, diese Bestellung abzuschließen?“ | Die signalstärkste Umfrage, die Sie durchführen können. Beantwortet von Menschen, die trotz Reibung gekauft haben; jede Beschwerde ist also ein knapp verpasster Abbruch, den Sie beheben können. |
Die Umfrage auf der Bestellbestätigung ist diejenige, die die meisten Händler auslassen, und diejenige, die am meisten bringt, weil sie Reibung von Käufern erfasst, die sich trotzdem durchgeklickt haben. Das sind die leichtesten Gewinne: Der Einwand war einmal überwindbar, also konvertiert seine Entfernung den nächsten Kunden, der weniger geduldig gewesen wäre.
Hotjar in PrestaShop installieren, ohne die Einwilligung zu verletzen
Hotjar ist ein einzelnes JavaScript-Snippet; die Installationsfrage ist also eigentlich eine Frage der Platzierung, und in PrestaShop entscheidet die falsche Platzierung zwischen sauberen Daten und einem DSGVO-Problem. Drei Wege, in der Reihenfolge, in der wir sie empfehlen würden:
- Über Google Tag Manager (empfohlen). Wenn Sie GTM bereits einsetzen, fügen Sie Hotjar als Tag vom Typ Benutzerdefiniertes HTML hinzu und schalten Sie ihn über einen Einwilligungs-Trigger frei. So bleibt das Snippet vollständig aus Ihren Theme-Dateien heraus, übersteht Theme-Updates und wird erst ausgelöst, nachdem der Besucher Analyse-Cookies akzeptiert hat. Die Einrichtung des Containers selbst behandeln wir in Google Tag Manager für PrestaShop.
- Ein Modul für Header-Einbindung oder eigenen Code. Wenn Sie keinen GTM einsetzen, hält ein Modul, das Code in den Hook displayHeader einfügt (den Hook, den PrestaShop innerhalb des Seiten-<head> ausführt), das Snippet aus Ihrer head.tpl heraus und schützt es bei Updates. Achten Sie darauf, dass das Modul das Skript bis nach der Einwilligung zurückstellen kann.
- Die head.tpl des Themes direkt bearbeiten. Möglich, aber diesen Weg würden wir vermeiden: Beim nächsten Wechsel oder Update des Child-Themes verschwindet das Snippet, und Sie müssen die Einwilligungssteuerung von Hand pflegen. Nutzen Sie ihn nur als letzte Möglichkeit.
Für welchen Weg Sie sich auch entscheiden, zwei PrestaShop-spezifische Regeln sind nicht verhandelbar. Erstens: Lösen Sie Hotjar nicht aus, bevor der Besucher Analyse-Cookies zugestimmt hat, führen Sie es in Ihrem Cookie-Banner in der Kategorie Analyse und laden Sie es nach der Einwilligung, nicht beim Seitenaufruf. Zweitens: prüfen Sie die Eingabemaskierung in Ihrem eigenen Bestellprozess. Hotjar maskiert Texteingaben standardmäßig, aber individuelle oder einseitige Bestellprozesse können Felder so rendern, dass die Standardregeln sie übersehen. Eine Sitzungsaufzeichnung darf niemals eine E-Mail-Adresse, Anschrift oder irgendetwas erfassen, das Kartendaten ähnelt. Sehen Sie sich einige eigene Aufzeichnungen von Anfang bis Ende an, bevor Sie der Maskierung vertrauen.
Wenn Sie Hotjar über ein Modul für eigenen Code statt über GTM laden, sieht „erst nach Einwilligung auslösen“ praktisch so aus: Der Hotjar-Loader bleibt in einer Funktion und wird über das Einwilligungssignal aufgerufen, nicht beim Laden der Seite:
<script>
function loadHotjar() {
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:YOUR_SITE_ID,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
}
// Only load once your cookie banner reports analytics consent.
if (window.localStorage.getItem('analytics_consent') === 'granted') {
loadHotjar();
}
document.addEventListener('cmp:analytics-accepted', loadHotjar);
</script>
Ersetzen Sie YOUR_SITE_ID durch Ihre Hotjar-Site-ID, und ersetzen Sie die Einwilligungsprüfung sowie den Ereignisnamen durch das, was Ihr PrestaShop-Cookie-Modul tatsächlich bereitstellt, Flag- und Ereignisnamen unterscheiden sich je nach Einwilligungsmodul, also lesen Sie die Dokumentation Ihres Moduls, statt den Platzhaltern zu vertrauen.
Hotjar oder kostenloses Clarity? Ein direkter Vergleich
Das ist die eigentliche Entscheidung, also ohne Ausweichen: Die beiden Werkzeuge überschneiden sich bei der Beobachtung und unterscheiden sich bei allem, was Geld kostet.
| Hotjar | Microsoft Clarity | |
|---|---|---|
| Preis | Kostenlose Stufe vorhanden; kostenpflichtige Tarife beginnen üblicherweise bei monatlichen Einstiegstarifen und skalieren nach oben, prüfen Sie Hotjars aktuelle Preise | Kostenlos, keine Sitzungsbegrenzung |
| Sitzungsvolumen in der kostenlosen Stufe | Auf eine kleine Zahl täglicher Sitzungen begrenzt | Unbegrenzt |
| Heatmaps & Aufzeichnungen | Ja | Ja |
| Frustrationssignale (Wutklicks / tote Klicks) | Ja, mit Filterung | Ja, eine Stärke von Clarity |
| Umfragen im Shop & Feedback-Widgets | Ja, das zentrale Unterscheidungsmerkmal | Nein |
| Conversion-Trichter mit Aufzeichnungen der Absprünge | Ja | Begrenzt |
| Native GA-Integration | Integriert sich mit vielen Werkzeugen | Enge native GA4-Verknüpfung |
Die ehrliche Empfehlung für die meisten PrestaShop-Händler: Beginnen Sie mit Clarity für die Beobachtungsebene, es ist kostenlos, und es gibt keinen Grund, es nicht einzusetzen, und ergänzen Sie Hotjar gezielt dann, wenn Sie Kunden Fragen stellen müssen, statt sie nur zu beobachten. Preisstufen ändern sich, daher sollten Sie jede monatliche Zahl hier als Orientierung verstehen und Hotjars aktuelle Tarife vor dem Kauf prüfen; der strukturelle Unterschied (Clarity = kostenlose Beobachtung, Hotjar = bezahlte Beobachtung plus Feedback-Ebene) bleibt stabil. Viele ernsthaft betriebene Shops nutzen beides: Clarity dauerhaft für Volumen, Hotjar eingeschaltet für eine gezielte Diagnose, wenn ein Trichterschritt undicht wird.
Hotjar-Trichter nutzen, um das Leck zu finden und dann zu beheben
Der Trichter ist der Punkt, an dem Hotjar aus einem vagen „Der Bestellprozess konvertiert schlecht“ eine Koordinate macht. Bauen Sie den Trichter aus Ihren PrestaShop-URLs auf, Kategorieübersicht, Produkt, Warenkorb (?controller=cart), Bestellseite (?controller=order) und Bestellbestätigungsseite als Erfolgsschritt. Hotjar meldet dann den Abfall bei jedem Übergang und lässt Sie Aufzeichnungen nur der Sitzungen öffnen, die an dem Schritt ausgestiegen sind, der Sie interessiert.
Das Muster, das wir in PrestaShop am häufigsten sehen: Der starke Abfall liegt nicht im Bestellformular, sondern beim Übergang vom Warenkorb zum Bestellprozess. Die gefilterten Aufzeichnungen und die Warenkorb-Umfrage zeigen auf denselben Auslöser, ein auffälliges, leeres Gutscheinfeld, das Kunden zu Google schickt, um nach einem Code zu suchen, von wo ein Teil einfach nicht zurückkommt. Die Behebung ist günstig (hinter einem Link „Haben Sie einen Code?“ verstecken), aber Sie wissen nur deshalb, dass Sie sie vornehmen sollten, weil drei Hotjar-Ansichten auf dieselbe Stelle gezeigt haben. Das ist die Schleife: Der Trichter findet den Schritt, gefilterte Aufzeichnungen zeigen das Verhalten, die Umfrage liefert den Grund, und Sie veröffentlichen eine gezielte Änderung.
Wo Hotjar aufhört und andere Werkzeuge beginnen
Werkzeuge zur Verhaltensanalyse sind diagnostisch, kein Messsystem, halten Sie die Grenzen sauber, damit am Ende nicht drei Werkzeuge dieselbe Aufgabe schlecht erledigen:
- Für die Zahlen, die das Leck quantifizieren, Conversion-Rate, Abbruch im Bestellprozess, der Trichter als Kennzahl über die Zeit, liefert Hotjar eine stichprobenbasierte Sicht, während GA4 die Quelle für verhaltensbezogene Traffic- und Trichterkennzahlen ist; für tatsächliche Bestellungen und Umsatz bleiben die Bestelldaten in Ihrem PrestaShop-Backoffice die Quelle der Wahrheit. Siehe die GA4-Kennzahlen, die wirklich zählen, und falls GA4 noch nicht installiert ist, die vollständige GA4-Einrichtungsanleitung.
- Um zu entscheiden, welche Kennzahlen überhaupt Aufmerksamkeit verdienen, damit Sie echte Lecks untersuchen, nicht Eitelkeitszahlen, beginnen Sie mit was Sie messen sollten und was Sie ignorieren können.
- Für datenschutzorientierte Webanalyse, wenn die Sitzungsaufzeichnung durch Drittanbieter ein Problem ist, wägen Sie die Kompromisse in Matomo vs Google Analytics ab.
- Für das finanzielle Bild hinter dem Verhalten, Marge, Rückerstattungen, echter Umsatz pro Kanal statt Sitzungszahlen, geht es um Reporting, nicht um Heatmaps. Financial Revolution ist für diese Seite des Shops gebaut.
Noch ein Grund, Ihre Maskierung zu prüfen und zu kontrollieren, wer tatsächlich in Ihren Aufzeichnungen auftaucht: Ein relevanter Anteil der „Sitzungen“ in einem modernen Shop stammt nicht von Menschen. Automatisierte Käufer und Crawler bewegen sich inzwischen durch PrestaShop-Warenkörbe, und sie verschmutzen Ihre Hotjar-Trichter, wenn Sie sie nicht herausfiltern. Wir haben das Phänomen in Google Storebot kauft in Ihrem Shop ein dokumentiert. Segmentieren Sie nach echtem Besucherverkehr, bevor Sie Schlüsse ziehen, sonst gestalten Sie am Ende eine Seite für einen Bot um.
Die Disziplin, die Hotjar sein Geld wert macht
Hotjars häufigster Fehlerfall ist derselbe wie bei jedem Werkzeug zur Verhaltensanalyse: stundenlang Aufzeichnungen ansehen, die nichts verändern. Dafür zu bezahlen ist nur sinnvoll, wenn daraus Änderungen entstehen. Nutzen Sie es also routiniert statt in einer einzigen Auswertungssitzung. Sehen Sie sich wöchentlich eine kleine Auswahl gefilterter Aufzeichnungen aus dem Bestellprozess an; lesen Sie die Freitextantworten aus den Umfragen direkt daneben; prüfen Sie den Trichter monatlich, um einen Schritt zu erkennen, der zu rutschen beginnt; und sehen Sie sich nach jeder Layout- oder Bestellprozessänderung Aufzeichnungen der neuen Version an, um zu bestätigen, dass die Behebung tatsächlich das getan hat, was Sie wollten, statt die Reibung nur an eine andere Stelle zu verschieben.
Der Nutzen ist konkret. Kostenlose Beobachtung sagt Ihnen, dass eine Seite Menschen verliert; das ist Claritys Aufgabe, und es erledigt sie kostenlos. Hotjar verdient seinen Posten auf der Rechnung, wenn Sie die eigenen Worte des Kunden mit diesem Verlust verbinden müssen. Die Umfrageantwort, die aus „sie haben den Warenkorb verlassen“ den Satz „die Versandkosten haben sie überrascht“ macht. Das ist ein Satz, auf den Sie tatsächlich reagieren können. Lassen Sie die kostenlose Ebene immer laufen, schalten Sie die bezahlte Ebene ein, wenn Sie ein bestimmtes Leck befragen müssen, und halten Sie die beiden Aufgaben, Messen und Verstehen. In den Werkzeugen, die jeweils dafür gebaut sind.
Häufig gestellte Fragen
Lohnt sich Hotjar, wenn ich bereits Clarity einsetze?
Nur dann, wenn Sie Kunden Fragen stellen müssen, statt sie nur zu beobachten. Clarity deckt Heatmaps, Aufzeichnungen und Frustrationssignale kostenlos und ohne Sitzungsbegrenzung ab; für reine Beobachtung lässt sich Hotjars Rechnung daher schwer rechtfertigen. Hotjar verdient seinen Posten, wenn ein Trichterschritt Umsatz verliert und Sie die eigenen Worte des Kunden dazu brauchen, die Umfrage auf der Seite und die Frage bei Ausstiegsabsicht, die aus „sie haben den Warenkorb verlassen“ den Satz „die Versandkosten haben sie überrascht“ machen. Lassen Sie Clarity dauerhaft laufen; schalten Sie Hotjar für eine gezielte Diagnose ein.
Was deckt Hotjars kostenlose Stufe für einen PrestaShop-Shop tatsächlich ab?
Es gibt sie, aber sie ist auf eine kleine Zahl täglicher Sitzungen begrenzt, ausreichend für einen Shop mit wenig Traffic oder einen kurzen Diagnoselauf, begrenzend für alles, was stark besucht ist. Wenn Sie dauerhaft Beobachtung über Ihren gesamten Traffic möchten, ohne zu bezahlen, ist das Claritys Aufgabe, nicht die der kostenlosen Hotjar-Stufe. Nutzen Sie Hotjars kostenlosen Tarif, um die Umfrage-Ebene zu testen, und entscheiden Sie dann, ob sich das bezahlte Volumen für den Traffic Ihres Shops lohnt.
Erfasst Hotjar personenbezogene Daten meiner Kunden in Aufzeichnungen?
Hotjar maskiert Texteingaben standardmäßig, aber „standardmäßig“ bedeutet nicht „geprüft“. Individuelle und einseitige PrestaShop-Bestellprozesse können Felder in Markup ausgeben, das die Standardregeln übersehen; dann könnte eine Aufzeichnung eine E-Mail-Adresse oder Anschrift erfassen, wenn Sie es nicht prüfen. Sehen Sie sich mehrere eigene Aufzeichnungen aus Bestellprozess und Kundenkonto von Anfang bis Ende an, bevor Sie darauf vertrauen, führen Sie Hotjar in der Analyse-Kategorie Ihres Cookie-Banners und lassen Sie es niemals vor der Einwilligung auslösen.
Wie halte ich Bot-Traffic aus meinen Hotjar-Trichtern heraus?
Segmentieren Sie nach echtem, menschlichem Besucherverkehr, bevor Sie irgendwelche Schlüsse ziehen. Ein relevanter Anteil moderner Shop-Sitzungen ist automatisiert, Crawler und Shopping-Bots bewegen sich durch Warenkörbe, ohne sich wie Käufer zu verhalten, und verzerren Abbruchquoten und Aufzeichnungen gleichermaßen. Filtern Sie sie zuerst heraus; andernfalls riskieren Sie, eine Seite auf ein Verhalten hin umzugestalten, das kein Kunde je gezeigt hat. Wir behandeln das Phänomen in Google Storebot kauft in Ihrem Shop ein.
Kann Hotjar mir meine Conversion-Rate oder meinen Umsatz nennen?
Nein. Dafür ist es nicht gebaut. Hotjars Trichter ist eine diagnostische, oft stichprobenbasierte Ansicht, die zeigt, wo Sitzungen abbrechen. Für die tatsächliche Entwicklung der Conversion-Rate und verhaltensbezogene Traffic-Zahlen ist GA4 die Quelle; für echte Bestellungen und Umsätze ist Ihr PrestaShop-Backoffice die Quelle der Wahrheit. Halten Sie Messen und Verstehen in getrennten Werkzeugen, sonst vertrauen Sie am Ende einer Stichprobenzahl für eine Entscheidung, die eine exakte Zahl braucht.
Kommentare
Kommentar schreiben
Teilen Sie eine Frage, ein Installationsdetail oder Feedback, das anderen Lesern helfen kann.