Meet álle gebruikers-interactie binnen een webpagina

24 Jul 2014

Joris Snoek - Business Dev
+31 (0)20 - 261 14 99

Meten is weten

Als marketeer is het goed om zoveel mogelijk relevante statistieken inzichtelijk te hebben. Zodat je ziet welke investering converteert en welke weggegooid geld blijkt. En daarmee ook weet op welk vlak je de volgende investering het beste kan doen.

Zonder goede statistieken ben je als marketeer al snel met hagel aan het schieten en kan je budgets moeizaam verantwoorden.

Kliks vs Events

Google Analytics is hierin een populaire oplossing: het meet alles over het klik-gedrag van jouw website bezoekers. Analytics meet het klik-gedrag, het is dus noodzakelijk dat de bezoeker een klik doet.

Nu zijn er tevens acties bínnen een pagina die je graag wilt meten, enkele voorbeelden:

  • Het gedrag bij het bekijken van een video.
  • File downloads.
  • Laad tijden van pagina's.
  • Navigatie binnen een pagina zonder 'verversing'.
  • Inzoomen, slepen of wijzigingen van beeld (staand naar liggend op en smartphone bijvoorbeeld).

Dit zijn slechts enkele voorbeeld, in theorie kan je alle bewegingen van de website bezoeker meten.

Deze acties worden 'events' genoemd en kunnen met behulp van 'Google Analytics Event Tracking' gemeten worden.

Implementatie in 2 stappen

1. Consult

Voordat je start met de technische implementatie is het raadzaam om deze stappen te volgen:

  • Bepaal welke events je wilt gaan meten.
  • Werk samen met betreffende website analist, om benodigde rapporten goed en consistent in te richten.
  • Implementeer een duidelijk en consistente naamgeving voor alle events die je gaat meten.

2. Technische implementatie in Drupal

Installatie 2 modules

Google Analytics & Google Analytics Event Tracking
'There is a module for that', een bekende term in de open source Drupal wereld. Zo ook hiervoor: Google Analytics Event Tracking.

Zoals bovenstaande project pagina beschrijft, betreft dit een Drupal 'API module', wat inhoudt dat hij niet direct werkbare functionaliteit biedt voor Drupal eindgebruikers. Maar het bevat code, waar je als developer gebruik van kan maken in jouw eigen module. Binnen jouw module zorg je er vervolgens voor, middels code, dat de technische implementatie conform jouw eisen zijn.

Deze Drupal module bevat tevens een extra voorbeeld module, waardoor je snel je eigen module kan opzetten. Tevens is hij afhankelijk van de Drupal Google analytics module, die zul je dus ook moeten installeren.

Configuratie

Google Analytics
Installatie van de Google Analytics module is relatief eenvoudig en wijst zichzelf: na installatie hiervan zal Drupal aangeven waar je je Google analytics ID moet invoeren. Daarna kan je nog diverse configuratie doen, zodat bijvoorbeeld niet gemeten wordt hoe redacteurs klikken, om zo 'statistiek-vervuiling' te voorkomen.

Google Analytics Event Tracking
Zoals eerder aangegeven, deze is niet kant en klaar de installeren, je zult eerst enkele regels code moeten schrijven. De drempel is dus wat hoger, maar je krijgt er een schat aan marketing informatie voor terug.

Ik ga in onderstaande instructie ervan uit dat je enigszins bekend bent met Drupal development.

  1. Maak een nieuwe module aan, die hook_google_analytics_et_api() implementeert. Dit kan meest gemakkelijk gedaan worden door deze te kopiëren vanuit de bijgeleverde voorbeeld Drupal module, hernoem de hook daarna.
  2. Wijzig de array die doorgegeven wordt door bovenstaande hook. Deze multi-dimensionale array bevat een aantal elementen die je naar je eigen wensen moet aanpassen.
$selectors = array(       array(         'event' => 'mousedown',         'selector' => '#main-menu li a',         'category' => 'main navigation',         'action' => 'click',         'label' => '!text',         'value' => 0,         'noninteraction' => TRUE,       ),

Zie hier een direct inzicht in de code van de voorbeeld module.

Voor een uitleg van alle elementen, zie Google's documentatie of de Drupal module project pagina van Google Analytics Event Tracking.

Keep calm & flush cache
Vergeet niet om Drupal's cache te flushen elke keer nadat je een wijziging hebt gedaan.

Test
Reuze handig om te weten: als je !test gebruikt dan zal een alert op de pagina verschijnen en zal het event niet verzonden worden naar Google Analytics.

Bronnen

Wrap up

That's all folks, vragen of suggesties? Let me know.

Bron afbeelding

Comments

Nóg meer
kennis nodig?

Check ons ons blog archief >