1 Een ontwerp kiezen
Niets voldoet aan alle filters tegelijk. Er moet er één af.
Eigen ontwerp
Vorm en kleuren zijn vrij; het voorbeeld werkt direct bij.
Klassiekers sinds 2006 (0)
1 Instellingen
De liveversie is een klein script in plaats van een afbeelding. Het vraagt elke 30 seconden wie er op dit moment is en telt precies één keer – wanneer de kaart laadt.
Transparant past zowel bij lichte als bij donkere pagina's. Alles zit in het afbeeldingsadres, er valt niets op te slaan.
De bitmapvariant uit 2006 - 50 lettertypen, 15 sjablonen. Houdt bestaande tellers bewerkbaar.
Toont per land één vlag en hoeveel bezoekers daarvandaan kwamen. Hoeveel landen erop passen volgt uit indeling en grootte.
Meerdere selecteren met Ctrl of ⌘. Verborgen landen worden nog steeds geteld, ze verschijnen alleen niet in de afbeelding.
Toont naast het getal hoe de laatste zeven dagen verliepen. Gemeten kost dat 120 byte over de lijn – op de pil staat de lijn achter het getal, op de kale teller eronder. Een teller zonder geschiedenis toont geen lijn en blijft even groot.
De teller draagt beide versies en toont die welke past bij de instelling van de bezoeker – de instelling van het apparaat, niet die van deze pagina. Gemeten kost dat ongeveer een kwart meer, niet het dubbele: gzip ziet dezelfde tekening twee keer. De cijfers staan op "Wat de teller weegt".
Alles hier is optioneel – de teller werkt ook zonder.
Als de link zoekraakt
Wie het tellernummer kent, kan terugkomen naar deze statistieken. Wie het liever niet onthoudt, kan een e-mailadres invoeren: wij sturen precies één bericht met de link erin. Pas de klik daarin slaat het adres op – wie het niet zelf heeft ingevoerd, gooit het bericht weg en er wordt niets bewaard.
Het adres dient één enkel doel: deze link op verzoek opnieuw sturen. Geen reclame, geen doorgifte, geen nieuwsbrief. Het kan hier altijd weer worden verwijderd.
Google reCAPTCHA controleert deze inzending op misbruik; daarbij worden gegevens naar Google gestuurd. Het script laadt pas wanneer dit formulier wordt geopend.
Elke klik op een link telt als gebeurtenis, genoemd naar het doel – niet naar de linktekst. Pagina's op de site zelf krijgen hun pad als naam ("kontakt"), uitgaande links hun host ("ex-facebook-com"). De gebruikelijke grens geldt: hoogstens 50 verschillende namen; is die bereikt, dan komt er geen nieuwe meer bij.
Standaard aan – het vinkje weghalen zet het uit. Telt welke pagina op welke volgt, als totaal en niet als de route van één persoon. Twee weergaven horen bij elkaar als er minder dan een half uur tussen zit. Een overgang verschijnt pas vanaf 5 keer in het rapport.
Meer instellingen
Hits tellen elke paginaweergave, unieke bezoekers tellen iedere persoon één keer per dag. Het bezoekersgetal is de som van de dagwaarden; het wordt sinds 1 januari 2026 bijgehouden en ligt op oudere tellers daarom lager dan het aantal hits.
2 tot 20 tekens, alleen letters, cijfers, "-" en "_". /live/<nummer> blijft daarnaast gewoon werken. Leeg veld = geen alias.
Leeg veld = geen wachtwoord. Met een wachtwoord vraagt /live/<nummer> erom voordat de cijfers verschijnen. Minstens 6 tekens, en het is niet terug te halen – schrijf het op.
Eén adres of een hele reeks (83.10.1.0/24). Een reeks is meestal de betere keus: de meeste verbindingen krijgen elke dag een nieuw adres, maar het netwerk eromheen blijft hetzelfde. Wat hier binnenkomt wordt onversleuteld bewaard en kan altijd worden verwijderd. Dit verzoek komt op dit moment van .
Wat er op uw pagina boven en onder de bol verschijnt. Kies vorm en uiterlijk hierboven – de bol op uw pagina toont ze dan zo, zonder de schakelaars. “Geen” laat alleen de bol en de link eronder staan.
Alleen vectortellers: die blijven bij elk formaat scherp. De waarde zit in het afbeeldingsadres, er valt niets op te slaan.
2 De code toevoegen
Markdown, BBCode en HTML <img> plaatsen de kale afbeelding. Die telt precies zo en meldt ook op welke pagina hij stond – de server leest dat uit de referrer. Alleen dit blijft open: waarvandaan de bezoeker op de site kwam. Dat weet alleen de browser, en alleen de HTML-versie met het script kan ernaar vragen.
Zonder script weet de teller niet op welke pagina hij staat, dus blijft de paginalijst leeg. Met het adres hier krijgt de pagina een regel; een schuine streep vooraan volstaat, de rest haalt de teller uit de herkomst. Beter leeg laten als dezelfde code op veel pagina's staat, bijvoorbeeld in een forumhandtekening – een vaste vermelding zou voor elke andere pagina verkeerd zijn.
Waar komt het te staan?
chomikuj.pl
De teller komt in de chomik-omschrijving ("opis"). Omschrijvingen accepteren geen scripts, dus vervangt het tabblad "HTML <img>" de eerste regel, en het paginadres komt in het veld eronder, zodat de statistiek weet waar geteld wordt.
WordPress
Weergave → Widgets, of ergens in de blokeditor: een „Aangepaste HTML"-blok neemt de code op. Het moet het blok „Aangepaste HTML" zijn, niet „Alinea" – een alinea toont de code als tekst in plaats van hem uit te voeren.
Download de plug-in (zip) – shortcode [stats4u] of automatisch in de voettekst
WordPress.com
Let op, dit is niet hetzelfde als een zelf gehoste WordPress: op het gratis plan haalt WordPress.com script, iframe en embed uit het blok „Aangepaste HTML". De teller verschijnt dan gewoon niet, zonder foutmelding. Voor scripts is een betaald plan met hostingfuncties nodig. Gebruik hier het tabblad Markdown – de kale afbeelding komt op elk plan door.
Blogger
Lay-out → Gadget toevoegen → HTML/JavaScript. Daar komt de code in en u slaat op – klaar.
Ghost
Instellingen → Code injection → Site footer. Moet de teller op een bepaalde plek staan in plaats van helemaal onderaan, dan hoort hij in het thema.
Wix
Toevoegen → Insluiten → HTML insluiten → Code invoeren, plakken, bijwerken. Twee dingen om te weten: Wix zet de code in een afgeschermd frame, waardoor de teller het adres van dat frame ziet en niet dat van de pagina waarop hij staat – de paginalijst blijft hier leeg. En het adres moet https zijn, http accepteert Wix niet.
Squarespace
Pagina bewerken → Blok toevoegen → Code. JavaScript en iframes vereisen daar het Core-plan of hoger; op Personal en Basic blijft het blok leeg. HTML en Markdown werken wel op elk plan – het blok schakelt om naar Markdown, en het Markdown-tabblad levert de code.
Neocities
index.html opent in de editor en de code komt vóór </body>. Meer is het niet – eigen HTML is daar zonder beperkingen toegestaan.
Hugo, Jekyll, Astro
In het sjabloon, niet in het bericht: layouts/partials/footer.html (Hugo), _includes/footer.html (Jekyll) of src/components/Footer.astro (Astro). Moet de teller maar in één bericht verschijnen, dan volstaat het Markdown-tabblad, rechtstreeks in de tekst geschreven.
Ook kliks en downloads tellen
Een gebeurtenis is iets wat iemand doet – een klik op "Contact", een verzonden formulier, een download. Het attribuut komt op het element, of de functie wordt aangeroepen:
<a href="/contact" data-s4u-event="contact">…</a>
<script>s4u.event('form-sent');</script>Hoogstens 50 verschillende namen per teller en 300 gebeurtenissen per uur en adres. De naam wordt kleingeschreven, spaties worden koppeltekens.
Overstappen van een andere teller
Wat meekomt: niets. Het oude totaal kan niet worden overgenomen – geen enkele tellerdienst geeft zijn cijfers aan een andere door, en een getal dat wij zomaar zouden instellen zou verzonnen zijn. De nieuwe teller begint bij nul. Wie het oude totaal wil bewaren, kan de oude afbeelding ernaast laten staan als stil aandenken, of het oude getal in de tekst schrijven.
Controleren of het werkt
Adres van de pagina waar de teller op zou moeten staan. Die wordt één keer opgehaald, en wat er blijkt staat hier.