Menu
the REFERENCE

Hot hot hot! Zes web analytics tools waardoor je sneller op terras in de zon kan gaan zitten

In dit bericht licht ik enkele handige Chrome-extensies uit die een Analytics-configuratie nét dat pixeltje sneller kunnen laten gaan. Want geef toe: met dit weer wil iedereen toch sneller thuis zijn?

 
Eén van de sterkste punten van ecommerce en online marketing tegenover hun offline varianten is dat alles meetbaar en kwantificeerbaar is. De juiste technologie maakt het mogelijk om een meetpunt te maken van elk moment dat er interactie is met de gebruiker. Elke klik, swipe en scroll kan ergens in een web-analyticsplatform opgeslagen worden om later geanalyseerd te worden.

Vaak gebeurt dat niet 1 keer, maar soms tientallen keren. De social advertiser wilt vanuit zijn Facebook Business Manager kunnen zien hoeveel omzet toe te schrijven zijn aan zijn advertenties, de search advertiser wilt de conversies kunnen tracken in Adwords, in het data management platform worden alle eigenschappen van elke gebruiker bewaard en voor elk displaynetwerk bestaat een tracking pixel.

Met de juiste kennis kom je al heel ver - JavaScript, CSS en HTML, for starters - maar met de juiste tools gaat de implementatie van deze tracking pixels nog een pixeltje sneller. In dit blogbericht wil ik een kort overzicht geven van web analytics tools die je het leven net een tikkeltje gemakkelijker kunnen maken.

The be-all and end-all: Chrome DevTools

Of je nu Chrome of Firefox gebruikt, de eerste uit het lijstje zit ingebouwd in je browser. Maar hier hebben we het vooral over de Chrome-versie. Op de documentatiepagina beschrijft Google het als volgt: “The Chrome Developer Tools (DevTools for short), are a set of web authoring and debugging tools built into Google Chrome. The DevTools provide web developers deep access into the internals of the browser and their web application. Use the DevTools to efficiently track down layout issues, set JavaScript breakpoints, and get insights for code optimization.”

Maar… maar… er staat dat het voor web developer is. Leugens! Larie en apekool! Ook voor de online marketer zou DevTools geen geheimen mogen hebben. De functionaliteiten in de meeste tools die we verder beschrijven vind je eigenlijk ook terug in de DevTools, zij het vaak omslachtiger. DevTools is echter zo een veelzijdig ding dat het niet één, niet twee, maar drie shortcuts heeft.

  • Control + Shift + i opent DevTools.
  • Control + Shift + c brengt je naar de inspector. Hier zie je een volledig uitklapbare HTML-versie van de pagina. Elk element waar je over hoovert wordt blauw op de pagina. De binnen- en buitenmarges worden groen en oranje. Klik ook eens op het telefoon+tablet-icoontje. Zo kan je de actieve pagina bekijken zoals ze getoond zou worden op een mobiel toestel.
  • Control + Shift + j brengt je naar de console. Hier kan je lustig lijntjes JavaScript tikken. Plak deze lijn maar eens in de console: $(".breadcrumb__social").text().trim().

Verder vind je onder ‘Sources’ ook alle bestanden die gebruikt worden om je website te doen functioneren. Als je een tekstbestand opent klik je best op de ‘{ }’ onderaan, dat zal alle tekst en code mooi en leesbaar uitlijnen. Onder ‘Network’ kan je al het netwerkverkeer weergeven dat je website gebruikt om te laden. Tip: ook het netwerkverkeer van je tracking pixels die op je pagina geïnstalleerd zijn kan je hier terug vinden. Bij ‘Performance’ kan je een test van je website uitvoeren om te controleren hoe zwaar de processor van je computer moet werken om de webpagina te laten. Andere tabs zal je als marketer zelden mee in aanraking komen.

Bonus: met Control + Shift + F kan je door alle bestanden zoeken op een specifieke zoekterm.

Wappalyzer

Benieuwd wat de concurrentie allemaal draaien heeft op hun website? Zijn ze mee met hun tijd? Wil je een audit doen van een website? Dan is Wappalyzer de tool bij uitstek om te starten. Deze Chrome-extensie geeft een overzicht van de verschillende technologieën die gebruikt worden op de pagina die je bezoekt.

Download hier

Redirect Path

Redirect Path is een vrij simpele Chrome extensie die maar in doel heeft: het geeft alle URLs weer waar je browser je automatisch langs stuurde om een specifieke pagina te bereiken. Meer nog: het geeft ook de statuscode weer van elke pagina. Hierdoor weet je ook waarom deze URL bezocht werd.

Download Redirect Path hier

EditThisCookie

EditThisCookie is één van mijn persoonlijke favorieten. Als ik je zou kunnen verplichten om één tool te gebruiken dan is het EditThisCookie. Wat getoond wordt op een website wordt veelal gepersonaliseerd. Om de gebruiker te identificeren worden vaak cookies op zijn computer opgeslagen. Ook veel tags en triggers zijn afhankelijk van de waarde van een specifieke cookie. In je browserinstellingen prutsen of anonieme vensters openen om een tag te testen zijn met EditThisCookie echter niet meer nodig: met één klik verwijder je een cookie naar keuze.

Download EditThisCookie hier

ObservePoint Tag Debugger

Of je bent fan van Star Trek of je bent fan van Star Wars: you can’t be both. Met tag recording tools is dat ook. Je hebt fans van Google’s Tag Assistant en je hebt fans van ObservePoint. Het voordeel van ObservePoint is dat het veel meer tags ondersteunt dan de Tag Assistant van Google. Ook handig: ObservePoint vind je terug in de DevTools eenmaal het geïnstalleerd is.

Tip: Als je echt eens wilt testen hoeveel verschillende advertising-, tracking-, retargetting- en AB-testingmiddelen ingeschakeld worden moet je ObservePoint eens opzetten en naar de website de Britse tabloid The Sun surfen.

Download ObservePoint Tag Debugger hier

Extra: Niet alle tracking pixels worden door ObservePoint getoond. Voor Facebook events kan je Facebook Pixel Helper gebruiker. Voor AdForm kan je Adform Tracking & Testing gebruiken.

Clear Cache

Als je een website voor het eerst bezoekt dan worden heel wat elementen opgeslagen zodat de webpagina bij je volgende bezoek minder lang moet laden - de cache. Handig, behalve als je zaken aan het testen bent op een website maar je browser steeds een oude versie uit de cache blijft tonen. Deze Chrome-extensie kan met 1 klik al die elementen verwijderen. Meer nog: je kan zelf kiezen wat er verwijderd moet worden; paswoorden, ingevulde formvelden, geschiedenis, etc.

Download Clear Cache hier

 

Op de hoogte blijven?

top
more than digital
The Reference is niets zonder haar klanten. Carglass is de specialist in het herstellen en vervangen van autoruiten, waarvoor we een volledige responsive Sitecore website gebouwd hebben. Lees meer over deze klant.