Hoe kunnen Hotjar polls efficiënt worden geïmplementeerd op een single-page application? | Artikels

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.

Hotjars interface 1

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. Link between the tag in Google Tag Manager and the poll in Hotjar 2

 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. 

The classical implementation leads to a massive implementation 3

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.

Use conditions in your tag to get a compact implementation 4 

Deze configuratie-instelling verkleint het aantal tags en triggers van 20 naar slechts één. Hierdoor kunt u zowel uw implementatie- als onderhoudskosten drastisch verlagen. 

 Efficient implementation to reduce the maintenance 5


publication auteur Victoire Vincent
AUTEUR
Victoire Vincent

| LinkedinDit E-mail adres wordt beschermd tegen spambots. U moet JavaScript geactiveerd hebben om het te kunnen zien.

Tags:

Contacteer Ons

Semetis | Scheldestraat 122, 1080 Brussel - België

welcome@semetis.com

Volg Ons

Cookie Policy

This website uses cookies that are necessary to its functioning and required to achieve the purposes illustrated in the privacy policy. By accepting this OR scrolling this page OR continuing to browse, you agree to our privacy policy.