Conversietrechter & Heatmap: documentatie
Conversietrechter in 9 stappen en heatmap voor kliks en scroll voor PrestaShop 8 en 9.
De module DataFirefly – Conversietrechter & Heatmap (dffunnelheatmap) bundelt twee instrumenten voor gedragsanalyse voor PrestaShop 8 en 9: een conversietrechter in 9 stappen die precies toont waar uw bezoekers afhaken, en een heatmap die laat zien waarop zij klikken en hoever zij scrollen. Alle gegevens worden first-party verzameld, zonder externe dienst, zonder CDN en zonder reclamecookie.
Installatie
- Download het archief
dffunnelheatmap.zipvanuit uw klantaccount. - Ga in de backoffice naar Modules > Modulebeheer, klik op Een module uploaden en kies de ZIP.
- Bij de installatie maakt de module zijn tabellen aan, registreert hij zijn hooks en voegt hij een tabblad Trechter & Heatmap toe onder Statistieken.
Geen enkele externe afhankelijkheid: geen Composer en geen CDN. De module werkt meteen na de installatie, met voorzichtige standaardinstellingen (steekproef 100 %, bewaartermijn 90 dagen, Do Not Track gerespecteerd).
Het dashboard openen
Ga naar Statistieken > Trechter & Heatmap (of klik op Configureren in de modulelijst). De interface heeft vier weergaven: Dashboard, Trechter, Heatmap en Instellingen.
Het dashboard toont vier kerncijfers: het aantal bezoeken, het aantal bestellingen, het algemene conversiepercentage en het automatisch opsporen van het grootste lek in de trechter, met daarbij een visueel overzicht van de trechter.
De conversietrechter
De trechter volgt uw bezoekers stap voor stap, van het eerste bezoek tot de gevalideerde bestelling. Per stap ziet u hoeveel sessies er zijn en welk percentage er tegenover de vorige stap afvalt. De negen stappen zijn:
- Bezoek: elke paginaweergave (detectie aan serverzijde).
- Productpagina: het bekijken van een productfiche (server).
- Toevoegen aan de winkelwagen: aan clientzijde herkend bij de handeling « toevoegen aan winkelwagen ».
- Winkelwagenpagina: de weergave van de winkelwagen (server).
- Bestelproces: het betreden van de checkout (server).
- Adres: de adresstap van de checkout (client).
- Levering: de vervoerderstap (client).
- Betaling: de betaalstap (client).
- Gevalideerde bestelling: betrouwbaar aan serverzijde vastgelegd via de hook voor het valideren van de bestelling.
De sessies worden ontdubbeld: eenzelfde sessie telt per stap maar één keer mee, wat eerlijke doorstroompercentages waarborgt. Het grootste lek wordt automatisch uitgelicht, zodat u weet waar u uw optimalisatie op richt.
De heatmap
De heatmap toont een echte weergave van de gekozen pagina, met daarover de verzamelde gedragsgegevens.
Klikkaart
De kliks verschijnen als een warmtekaart, van blauw (weinig kliks) tot rood (sterke concentratie). Ideaal om na te gaan of uw oproepen tot actie werkelijk de aandacht trekken.
Scrolldiepte
De scrolldiepte verschijnt in stappen (25, 50, 75 en 100 %), met het aandeel bezoekers dat elk niveau heeft bereikt. Zo ziet u welke inhoud iedereen te zien krijgt en welke onder de vouw verdwijnt.
Top van de aangeklikte elementen
Een zijpaneel rangschikt de meest aangeklikte elementen (op CSS-selector en opschrift), zodat u precies weet wat de belangstelling wekt.
De heatmap laadt de winkelpagina in een iframe met dezelfde herkomst (same-origin). Dwingt uw server de header X-Frame-Options: DENY af, sta dan SAMEORIGIN toe voor de backoffice, zodat het voorbeeld verschijnt.
Filters
Alle weergaven delen een filterbalk: periode (7, 30, 90 of 365 dagen, of een eigen bereik), toestel (mobiel, tablet, desktop) en winkel in een multistore-context.
Instellingen
- Algemene inschakeling, plus een aparte schakelaar voor de trechter en voor de heatmap.
- Steekproef (1 tot 100 %), alleen op de heatmap toegepast, om het volume op drukke sites te beperken. De trechter wordt altijd voor 100 % gevolgd.
- Bewaartermijn in dagen, met een automatische opruiming die meeloopt met het verkeer, en knoppen om handmatig op te ruimen.
- Do Not Track respecteren (standaard aan).
- Medewerkers volgen die in de backoffice zijn aangemeld (standaard uit).
- Opruimen bij het verwijderen, om de verzamelde gegevens te wissen wanneer u de module verwijdert.
Privacy (AVG)
De module verzamelt geen enkel persoonsgegeven: er wordt geen IP-adres bewaard en geen e-mailadres. De bezoekersidentificatie is anoniem en willekeurig (de technische cookie dffh_vid). Do Not Track wordt standaard gerespecteerd en de bewaartermijn is volledig instelbaar. Het endpoint dat de gegevens ontvangt, is beschermd met een token dat aan serverzijde wordt gecontroleerd.
Problemen oplossen
De substappen van de checkout (adres, levering, betaling) komen niet door. Zij steunen op de standaard checkout van PrestaShop op één pagina. Een sterk aangepast thema kan een lichte bijstelling van de selectors in views/js/tracker.js vragen.
Het tellen van de conversies per toestel lijkt bij benadering. Het toestel is aan serverzijde niet bekend op het moment dat de bestelling wordt gevalideerd (stap 9): het filteren van de conversies per toestel blijft dus een schatting.
Verwijderen
Het verwijderen wist het tabblad en de hooks. De verzamelde gegevens blijven standaard staan; vink vooraf de optie Opruimen bij het verwijderen in de instellingen aan als u ze definitief wilt wissen.