• gepubliceerd
  • leestijd
    ± 1 minuut

HTML en CSS voor data-analisten!

In deze tutorial vind je alles wat jij moet weten over HTML en CSS om goed webstatistieken te kunnen meten met Piwik Pro Tag Manager!

Het vinden van de juiste broncode met behulp van de browser

‘Maar hoe weet ik nu welk element ik moet hebben?’

Nu je al deze informatie hebt en snapt, wil je weten waar je nou moet beginnen. Ten eerste moet je weten welke knop, menu-item of ander pagina-object je wilt gaan meten. Daarna heb je hiervan de broncode nodig. Voor dit laatste is er gelukkig een hulpmiddel! In de meeste browsers zit een handige tool om jouw knop of menu te vinden in de broncode. In dit voorbeeld ga ik uit van Firefox en van Chrome.

Wanneer je weer op F12 klikt, opent zich opnieuw de broncode van deze pagina. Ga nu op zoek naar het volgende tekentje: Select element icoon of node picker

Deze staat bij beide browsers linksboven in het broncode-scherm.

Wanneer je hier op klikt zie je dat de manier hoe de webbrowser reageert op je muis verandert. Je kunt nu een element selecteren, aanklikken en dan zul je automatisch worden gewezen op het stukje broncode dat bij dat element hoort!
Zie hier een voorbeeld van onze voorpagina, swink.nl:

Element op de Swink homepage wordt bij selectie dit:

Element op de Swink homepage met selectie

Wanneer ik hier op klik, word ik doorverwezen naar dit stukje HTML-code.

HTML code van het element op de Swink homepage

Dit kun je ook op jouw website toepassen, om dat element te vinden dat jij nodig hebt!

En nu aan de slag!

Zit jouw oplossing hier niet tussen? Of heb je nog vragen? Neem gerust contact met ons op, dan kunnen we je zeker verder helpen!