Placering af tæller

Af Jeppe Høiby

Opdateret: 20-10-2011

Endelig færdig?

Du har knoklet hårdt med dit nye website og er endelig er blevet færdig. Du har lagt sitet online, har tilmeldt siden diverse søgemaskiner, og venter nu blot på, at det vælter ind med besøgende. Du vil også gerne følge med i, hvor mange besøgende du har, hvor de kommer fra, hvilken browser de har osv. For at få denne viden om dine besøgende, skal du bruge et værktøj, der kan give dig en statistik.

Statistik

Mange webhoteller tilbyder statistik, og disse statistikker er typisk baseret på de logfiler, som dannes af webserveren. Det er altså serverside statistik. Et alternativ til serverside statistik er clientside statistik. Clientside statistik fungerer typisk på den måde, at der placeres et javascript på alle sider, som laver et kald til et serverside script, som registrerer besøget i en database. Eksempler på clientside statistik er fx chart.dk, statcounter.com, Google Analytics o.m.a.

Placer det rigtigt

Hvis du vælger en clientside statistik, er det vigtigt at du placerer scriptet rigtigt. Placeringen af scriptet kan have stor betydning for, hvordan dine besøgende oplever dit site. Placeret forkert, kan dine besøgende opleve, at dit site "hænger"; dvs. at de taster adressen på din side, og så sker ikke rigtigt noget i lang tid. Årsagen til dette er, at en webside (uanset om vi taler HTML, PHP, ASP o.lign.) læses lineært af browseren. Når webserveren sender siden til ud til browseren, vil browseren læse siden linie for linie, og hvis den fx møder et img-element som dette:

<img src="http://example.com/img/gigantic.jpg" alt="" />

så laver browseren et request til den server, der er specificeret i src-attributten - i dette tilfælde example.com. Hvis det tager lang tid for example.com at svare, vil visningen af websiden blive tilsvarende forsinket.

Chart.dk's tæller ser ud i stil med dette:

<script src='http://www.example.com/js/unified.asp'></script>
<script language='javascript'>
track_visitor(45109, '');
</script>
<noscript>
<a href="http://www.example.com/ref.asp?id=45109" target="_blank">
<img src="http://www.example.com/chart.asp?id=45109" border="0" alt="Chart.dk">
</a>
</noscript>

Det fremgår tydeligt af scriptet, at der laves et request til et script, der hedder "unified.asp". Dette script ligger på chart.dk's server, og derfor er du afhængig af, at chart.dk's server har ordentlige svartider. Når scriptet er hentet 1 gang, bliver det cachet lokalt på den besøgendes maskine, og efterfølgende kald til scriptet går væsentligt hurtigere. Det er altså ikke her flaskehalsen opstår for alvor, selv om det er et potentielt problem. Det væsentligste problem opstår, når javascript-metoden "track_visitor" kaldes. Denne metode kaldes hver gang siden vises, og dette kald vil udløse et request til et serverside script på chart.dk's webserver, som logger besøget i en database. Da dette kald kan tage et stykke tid, fordi chart.dk's webserver er presset, kan det betyde, at det tager lang tid før din side vises.

Nederst i koden

For at undgå denne situation, skal du - hvis det er muligt - placere scriptet allernederst på dine sider. Det vil sige lige før body-elementet lukkes:

<script src='http://www.example.com/js/unified.asp'></script>
<script language='javascript'>
track_visitor(45109, '');
</script>
<noscript>
<a href="http://www.example.com/ref.asp?id=45109" target="_blank">
<img src="http://www.example.com/chart.asp?id=45109" border="0" alt="Chart.dk">
</a>
</noscript>
</body>
</html>

Det er naturligvis vigtigt, at du læser vejledningen til den tæller, du har valgt, så du ved, hvordan scriptet kan bruges og hvor det skal placeres. Som udgangspunkt vil du dog få mange flere glade besøgende, hvis du sørger for, at dine sider vises hurtigst muligt, og det gør du ved at placere dit tæller-script så langt nede på siden som muligt.