De lengte van een formulier is één van de factoren die een rol spelen wanneer er gekeken wordt naar het conversiepercentage van een formulier. Om inzicht te krijgen in uitval op formulieren zijn er tools zoals ClickTale, waar Ton Wesseling eerder over schreef. De meeste bedrijven gebruiken Google Analytics als web analytics pakket. Binnen Google Analytics zit geen standaard functionaliteit om formulieren door te meten. Allaedin Ezzedin heeft onlangs een tutorial geschreven om inzicht te krijgen in formulieren binnen Google Analytics. De tutorial zal ik in dit artikel behandelen.

Inzichten na implementatie
Na het uitvoeren van deze tutorial krijg je inzicht in welke velden op je formulier worden ingevuld en welke leeg worden gelaten. Het gaat hierbij alleen om verzonden formulieren. Met deze informatie kan je je formulieren gaan optimaliseren. Bijvoorbeeld om velden die haast nooit worden ingevuld weg te laten of te wijzigen. Of door een multi variatie test te starten (met bv. Google Website Optimizer) op dit formulier, waarbij je varieert in velden, veldnamen en uitleg bij velden.

Het formulier
Een standaard contactformulier.

Stap 1: Voeg code toe aan je submit knop
Voeg in de broncode van de submit knop de volgende onClick code toe:
onClick=´return validate(this.form);´
Dat ziet er dan ongeveer als volgt uit:

Stap 2: Extra validatiecode
Als de submit knop wordt ingedrukt wordt het formulier gevalideerd. Dit gebeurt meestal om te checken of de juiste gegevens zijn ingevuld en of bijvoorbeeld het formaat van een telefoonnummer klopt (zijn het wel 10 cijfers?). De volgende validatiecode moet toegevoegd worden aan de broncode om te checken of de velden op het formulier gevuld zijn of niet:

In het eerste gedeelte (isEntered(document.getElementById(‘name’),’name’);) worden de veldnamen doorgegeven + de naam die getoond wordt in Google Analytics.
In het tweede gedeelte (pageTracker._trackPageview(‘/contact_us.htm/empty/’+field_name);) worden de paginaviews gegenereert die naar Google Analytics gestuurd worden wanneer een veld leeg wordt gelaten. Zo kan je straks door te kijken naar de aantallen pageviews in Google Analytics zien hoe vaak een veld leeg gelaten werd bij het verzenden van een formulier.

Stap 3: Google Analytics, maak een nieuw filter
Om je huidige Google Analytics profiel niet teveel te vervuilen met duizenden ‘lege’ pageviews is het raadzaam om een nieuw filter aan te maken. Dit filter kan je de naam geven URL Filter – Contact Us Form, zoals hieronder:

Stap 4: Voeg het filter toe aan een nieuw profiel
Voeg het aangemaakte filter (URL Filter – Contact Us Form) toe aan een nieuw profiel dat een vergelijkbare naam heeft, bijvoorbeeld: Contact Us Form.

Stap 5: Open het nieuwe profiel
Ga naar het nieuwe profiel en ga naar: Inhoud -> Belangrijkste Inhoud

Bovenstaande gegevens laten duidelijk zien welke velden vaak worden overgeslagen en welke velden wel worden ingevuld:

Lees meer:
Optimize form length with input analysis (Allaedin Ezzedin)

Form Optimization with JavaScript and Google Analytics (Manoj Jasra)
Clicktale komt met gratis webformulier analyse (Ton Wesseling)