Wat is Hotjar?
Voordat we ons verdiepen in het configureren van polls op een single-page application, laten we beginnen met een snel overzicht van de tool zelf. Kortom, Hotjar is een tool die je in staat stelt om het gedrag van de gebruikers op je website te begrijpen en te zien wat hen kan blokkeren. De tool biedt twee hoofdrapporten:
- De eerste analytische rapporten delen inzichten in het online gedrag van uw gebruikers. In deze rapporten kunt u bijvoorbeeld heatmaps vinden die real-time analyses geven over hoe gebruikers door uw website navigeren en u laten begrijpen welke inhoud het best of het minst goed presteert. Een andere functie die kan worden benadrukt is de video-opnamen die kunnen worden geraadpleegd.
- Ten tweede, beschikt u over de feedback rapporten waarmee u de verzamelde feedback van uw gebruikers kunt analyseren, met andere woorden, de "stem van de gebruikers". De peiling, of polls, is één van de feedback rapporten.
Door polls op verschillende pagina's van uw website te tonen, kunt u specifieke vragen stellen aan gebruikers en hun antwoorden verzamelen. Polls zijn nuttig voor het verzamelen van de meningen van gebruikers, die op hun beurt, nuttig zijn om de website ervaring te helpen verbeteren.
De werkwijze om een specifieke peilingen bij iedere stap van een funnel op een one-single page application toe te lichten halen we er even een voorbeeld bij. Stelt u zich een verzekeringsmaatschappij voor, die een peiling wil uitvoeren in een 10-stappen funnel, dat op zijn beurt leidt tot een woningverzekeringsaanbod. Het idee is dat de vragen van de peiling veranderen afhankelijk van de stap van de funnel en natuurlijk de taal van de gebruiker, in dit geval het Frans en het Nederlands.
De klassieke implementatie
In een klassieke implementatie, zou je de peiling lanceren op basis van de URL van elke stap in de funnel. Echter, gezien het feit dat deze funnel een single-page application is, verandert de URL niet wanneer de gebruikers van stap naar stap navigeren. Een workaround moet dus zodanig worden geconfigureerd om de verschillende polls te activeren: de JavaScript trigger. Wanneer de tag met de Hotjar-code door de specifieke JavaScript-trigger wordt gelanceerd, zal de geassocieerde poll worden geactiveerd.
Een tweede dimensie die de werklast snel vermenigvuldigt is het aantal tags en triggers dat geconfigureerd moet worden. In dit voorbeeld zijn er 10 funnel stappen en 2 talen, wat betekent dat er 20 tags en 20 triggers nodig zijn. Als je dan je implementatie zou willen uitbreiden naar andere producten (bijvoorbeeld n producten met ook 10 stappen), n (producten) x 10 (producten) x 10 (stappen) x 2 (talen), dan wordt de implementatie vrij snel enorm.
Hoe kunnen de implementatie- en onderhoudskosten worden verlaagd?
Om dit nadeel te beperken, wordt het volgende aanbevolen: voorwaarden te implementeren in uw aangepaste HTML-tag. Deze voorwaarden geven aan welke JavaScript trigger moet worden geactiveerd op basis van de stap. In dit voorbeeld wordt de stap geïdentificeerd door een virtuele URL. Dit zorgt ervoor dat de juiste vragenlijst aan de gebruiker wordt getoond.
Deze configuratie-instelling verkleint het aantal tags en triggers van 20 naar slechts één. Hierdoor kunt u zowel uw implementatie- als onderhoudskosten drastisch verlagen.