Onlangs werd mij de vraag gesteld of er ook iets te doen was aan de half onbruikbare sortering van de Google Analytics tabellen. En aangezien ik zelf ook al een aantal keer tegen dit probleem aangelopen was moest er toch maar eens een oplossing komen.

Het probleem waar ik het over heb is als volgt: stel je hebt het scherm "Top Content" voor je waarin je de top 100 pagina's van je site ziet. Van deze pagina's wil je zien welke de hoogste "bounce rate" heeft, dus klik je in de kolomheader op "bounce rate". En wat krijg je vervolgens: de top 100 pagina's met de hoogste bounce rate. Dit lijkt handig, maar vaak ziet het er zo uit:

Read more: Google Analytics tabellen sorteren verbeterd »

Veel mensen die met Google Analytics werken zullen hier wel eens tegenaan gelopen zijn: je hebt meerdere domeinen binnen je website die je niet goed in Google Analytics krijgt. Dat kan een kassa zijn die bij een andere partij gehost wordt, of gewoon voor elke dienst van je bedrijf een andere site. Het probleem is wanneer bezoekers overstappen naar het andere domein ze daar gezien worden als bezoek vanuit het eerste domein, en de originele bron (Adwords, Banners, enz) daarmee verloren gaat. Vooral met externe kassasystemen is dit echt een probleem omdat zo niet meer achterhaald kan worden via welke bron de bezoeker binnengekomen was.

Google Analytics heeft hier een oplossing voor: links en formulieren die naar andere domeinen verwijzen kunnen voorzien worden van een stukje code (__utmLinker, __utmLinkPost, pageTracker._link, pageTracker._linkByPost). Deze code zorgt er voor dat alle bestaande data vanuit de cookie van de bezoeker overgeheveld wordt naar het andere domein. Hierdoor blijft de oorspronkelijke bron bewaard en kan inzichtelijk gemaakt worden welke bronnen goed renderen.

Maar er is 1 nadeel: elke link en elk formulier moet voorzien worden van deze code.

Read more: Google Analytics cookie en meerdere domeinen »

Wat hebben deze vier begrippen met elkaar gemeen? Nou, in veel gevallen is het zo dat door de eerste term te gebruiken je de andere drie min of meer onmogelijk maakt cq uitschakelt. Zoals wellicht bekend is kan er met AJAX voor gezorgd worden dat delen van pagina's opnieuw geladen worden zonder de hele pagina te verversen. Schitterende techniek die bepaalde zaken aanzienlijk kan versnellen, maar er is een keerzijde:

Door een deel van de pagina te verversen zal het adres van de pagina niet veranderen.

Nou en?
In eerste instantie denk je dat het niets uit maakt, maar wat nou als je bijvoorbeeld een op AJAX steunende vakantieboeksite gebruikt hebt om de vakantie te boeken. En vlak voor het bevestigen wil je nog even wachten op goedkeurig van de partner, je bookmarked de pagina en sluit de browser. Even later open je de bookmark om de uitgezochte vakantie te showen en je ziet het intro scherm van het boekingssyteem voor je...daar wordt je niet blij van. Dit verschijnsel komt puur en alleen door het feit dat met AJAX de url niet veranderd en de samengestelde pagina niet meer te bookmarken is. Tegelijkertijd betekent dit dat je de back-knop van je browser ook niet kunt gebruiken, want er is geen vorig adres. En voor deeplinken geldt hetzelfde, er is geen adres om naar te linken.

Read more: AJAX, bookmarks, back buttons en deeplinks »

De DHTML Grafiek generator is een handig script waarmee een simpele lijst met datums en getallen omgezet kan worden naar een grafiek. Dus geen PHP, ASP of welke serverside taal dan ook is vereist.

Read more: DHTML Grafiek generator »

In een aantal gevallen kan het zo zijn dat je op je site gebruik maakt van een zogenaamde <select> box om naar diverse onderdelen te navigeren. Helaas zijn deze elementen oorspronkelijk alleen bedoeld voor formulieren die verstuurd kunnen worden, waardoor ze standaard geen navigeer functionaliteit gekregen hebben. Dit gebeurt dan ook altijd met Javascript wat niet te spideren is door de zoekmachines.

Om dit op te lossen heb ik in eerste instantie de volgende oplossing bedacht: plaats links om de tekst van de option heen zodat zoekmachines die kunnen gebruiken. Dat ziet er als volgt uit:

Zoekmachines negeren de option en lezen de link, en browsers negeren de link en zullen keurig alleen de option laten zien. Alleen tijdens een open vragen sessie aan Matt Cutts (mannetje van Google) heb ik gevraagd of dit een mooie oplossing was. En zijn antwoord: "It could raise some flags". Met andere woorden: hij zou het niet aanraden.

Op zoek naar een andere oplossing dus, en die schoot me vandaag te binnen. Ik maak nu gebruik van een <ul> met een aantal <li>'s er in die na het laden omgezet worden naar een <select> box. Heb je geen Javascript of ben je een zoekmachine dan krijg je keurig een lijst met links te zien. Ondersteund je browser wel Javascript dan krijg je keurig een ruimtebesparende select box te zien.

Het voorbeeld is hier te bekijken, bekijk de broncode en je ziet 3 lijsten staan. Maar op je scherm worden keurig selectboxen getoond.