Conversion-Funnel & Heatmap — Dokumentation
Conversion-Funnel mit 9 Schritten und Klick-/Scroll-Heatmap für PrestaShop 8 und 9.
Das Modul DataFirefly – Conversion-Funnel & Heatmap (dffunnelheatmap) vereint zwei Werkzeuge zur Verhaltensanalyse für PrestaShop 8 und 9: einen Conversion-Funnel mit 9 Schritten, der genau zeigt, wo Ihre Besucher abspringen, und eine Heatmap, die offenlegt, worauf sie klicken und wie weit sie scrollen. Die gesamte Erfassung erfolgt zu 100% first-party, ohne Drittanbieterdienst, ohne CDN und ohne Werbe-Cookie.
Installation
- Laden Sie das Archiv
dffunnelheatmap.zipaus Ihrem Kundenkonto herunter. - Gehen Sie im Back-Office zu Module > Modul-Manager, klicken Sie auf Modul hochladen und wählen Sie die ZIP-Datei aus.
- Bei der Installation erstellt das Modul seine Tabellen, registriert seine Hooks und fügt unter Statistiken einen Reiter Funnel & Heatmap hinzu.
Keine externe Abhängigkeit: kein Composer, kein CDN. Das Modul ist direkt nach der Installation einsatzbereit, mit vorsichtigen Standardwerten (Sampling 100%, Aufbewahrung 90 Tage, Do Not Track respektiert).
Zugriff auf das Dashboard
Gehen Sie zu Statistiken > Funnel & Heatmap (oder klicken Sie in der Modulliste auf Konfigurieren). Die Oberfläche bietet vier Ansichten: Dashboard, Funnel, Heatmap und Einstellungen.
Das Dashboard zeigt vier Kennzahlen: Anzahl der Besuche, Anzahl der Bestellungen, globale Conversion-Rate und automatische Erkennung des größten Absprungs im Funnel, zusammen mit einer visuellen Vorschau des Funnels.
Der Conversion-Funnel
Der Funnel verfolgt Ihre Besucher Schritt für Schritt, vom ersten Besuch bis zur abgeschlossenen Bestellung. Für jeden Schritt sehen Sie die Anzahl der betroffenen Sitzungen und den Absprungprozentsatz gegenüber dem vorherigen Schritt. Die neun Schritte sind:
- Besuch — jeder Seitenaufruf (serverseitige Erkennung).
- Produktseite — Aufruf einer Produktseite (Server).
- In den Warenkorb — clientseitig bei der Aktion „In den Warenkorb“ erkannt.
- Warenkorbseite — Anzeige des Warenkorbs (Server).
- Checkout — Eintritt in den Checkout (Server).
- Adresse — Adressschritt des Checkouts (Client).
- Versand — Versandschritt (Client).
- Zahlung — Zahlungsschritt (Client).
- Bestellung abgeschlossen — zuverlässig serverseitig über den Bestell-Validierungs-Hook erfasst.
Sitzungen werden dedupliziert: Eine Sitzung wird pro Schritt nur einmal gezählt, was genaue Durchgangsraten gewährleistet. Der größte Absprung wird automatisch hervorgehoben, um Ihnen zu zeigen, wo Sie Ihre Optimierungsbemühungen konzentrieren sollten.
Die Heatmap
Die Heatmap zeigt eine echte Darstellung der ausgewählten Seite, über die die erfassten Verhaltensdaten gelegt werden.
Klick-Karte
Klicks werden als Heatmap dargestellt, von Blau (wenige Klicks) bis Rot (hohe Konzentration). Ideal, um zu prüfen, ob Ihre Handlungsaufforderungen wirklich Aufmerksamkeit erregen.
Scroll-Tiefe
Die Scroll-Tiefe wird in Stufen angezeigt (25, 50, 75 und 100%), mit dem Anteil der Besucher, die jede Stufe erreicht haben. So erkennen Sie die Inhalte, die alle sehen, und jene, die unter der Sichtbarkeitsgrenze liegen.
Meistgeklickte Elemente
Ein Seitenpanel ordnet die meistgeklickten Elemente (nach CSS-Selektor und Bezeichnung), um genau zu erkennen, was Interesse weckt.
Die Heatmap lädt die Shop-Seite in einem Same-Origin-iframe. Wenn Ihr Server den Header X-Frame-Options: DENY erzwingt, erlauben Sie SAMEORIGIN für das Back-Office, damit die Vorschau angezeigt wird.
Filter
Alle Ansichten teilen eine Filterleiste: Zeitraum (7, 30, 90 oder 365 Tage oder ein benutzerdefinierter Bereich), Gerät (Mobil, Tablet, Desktop) und Shop im Multishop-Kontext.
Einstellungen
- Globale Aktivierung sowie separate Aktivierung von Funnel und Heatmap.
- Sampling (1 bis 100%), nur auf die Heatmap angewendet, um das Volumen auf Websites mit hohem Traffic zu begrenzen. Der Funnel wird immer zu 100% verfolgt.
- Aufbewahrung in Tagen, mit opportunistischer automatischer Bereinigung und manuellen Bereinigungs-Buttons.
- Do-Not-Track-Unterstützung (standardmäßig aktiviert).
- Tracking der im Back-Office angemeldeten Mitarbeiter (standardmäßig deaktiviert).
- Bereinigung bei Deinstallation, um die erfassten Daten beim Entfernen des Moduls zu löschen.
Datenschutz (DSGVO)
Das Modul erfasst keine personenbezogenen Daten: keine gespeicherte IP-Adresse, keine E-Mail. Die Besucher-ID ist anonym und zufällig (technisches Cookie dffh_vid). Do Not Track wird standardmäßig respektiert und die Aufbewahrungsdauer ist vollständig konfigurierbar. Der Erfassungs-Endpunkt ist durch ein serverseitig validiertes Token geschützt.
Fehlerbehebung
Die Checkout-Teilschritte (Adresse, Versand, Zahlung) werden nicht gemeldet. Sie basieren auf dem standardmäßigen One-Page-Checkout von PrestaShop. Ein stark angepasstes Theme kann eine kleine Anpassung der Selektoren in views/js/tracker.js erfordern.
Die Conversion-Zählung pro Gerät wirkt ungefähr. Das Gerät ist serverseitig zum Zeitpunkt der Bestellvalidierung (Schritt 9) nicht bekannt, daher bleibt das Filtern von Conversions nach Gerät eine Schätzung.
Deinstallation
Die Deinstallation entfernt den Reiter und die Hooks. Die erfassten Daten werden standardmäßig beibehalten; aktivieren Sie zuvor die Option Bereinigung bei Deinstallation in den Einstellungen, wenn Sie sie endgültig löschen möchten.