Meer tellers op eigen pagina's
PeilingNieuw Ja/nee, meerkeuze of sterren – de uitslag live in de afbeelding, zonder account en zonder cookies. AftellenNieuw Dagen tot oudejaarsavond, een bruiloft of de vakantie – of sinds een datum. Telt ook de bezoekers. WereldboltellerNieuw Draaiende wereldbol met pieken, steden, dag en nacht – en live, wie er nu is.
VlaggentellersNieuw
Borden, wapperende vlaggen, koersband, podium, ring en wolk – 26 vormen, allemaal vector.
WereldkaartenNieuw
Wereld, continenten en twaalf landen met regio's – achtergrond instelbaar, steden, periode, live.
EtalagepaginaNieuw
Een voorbeeldblog met tellers op hun plek – naast de tekst, in de zijbalk, in de voettekst.
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.
Eenvoudige tellers op één regel
Klein en scherp op elk formaat – ze passen in een regel tekst, een voettekst of een zijbalk.
Retrotellers uit 2006
Klassieke cijferstroken uit de begintijd van het web. De hele verzameling staat verderop.
Retrotellers uit 2006 als SVG
Dezelfde cijferstroken, opnieuw getekend als vectorafbeelding: scherp op elk formaat, zonder pixelranden.
Geen zichtbare teller
Telt wel, maar toont niets – of alleen een klein pictogram dat naar de statistieken leidt.
Statistiekpanelen (vector)
Vandaag, gisteren, totaal en online – tien indelingen, tien kleurwerelden, scherp op elk scherm.
Nieuw · Modern
Vlijmscherp op elk scherm, licht en donker, onder 1 KB.
Piepkleine tellers
Vijf knoppen van 88×31 en vijf stroken vanaf 15 pixels hoog – voor handtekeningen, voetteksten en linklijsten.
Vlaggentellers (vector)
Hetzelfde idee als de klassiekers hieronder, maar scherp op elk scherm – en in elk formaat, van een handtekening van één regel tot een muur vol vlaggen.
Dieren
Kat, hond, pinguïn – tien dieren, elk verraden door één beweging.
Gloeiende cijfers (vector)
Nixiebuizen met gloeiende kathodes en de blauwgroene vacuümfluorescentie van oude videorecorders – tellers die gloeien.
Momenten en records (vector)
Wie deze pagina nu leest, het jaarraster met reeks, de volgende mijlpaal met schatting, “U bent bezoeker nr. …”, de beste dag, dag en nacht waar uw lezers zijn, het bezoekersweer en waar lezers vandaan kwamen – acht tellers die niemand anders aanbiedt.
Futuristisch
Hologram, neon, radar – ingetogen beweging die stopt bij “beweging verminderen”.
Ruimte
Planeten, raketten en manen – tien motieven in beweging terwijl het getal blijft staan.
Handschrift en schets (vector)
Een wiebelig kader op papier, een geel plakbriefje, krijt op het bord – in het handschriftlettertype van uw apparaat.
Digitaal
Sobere gegevensweergave – toont vandaag en de week, niet alleen het totaal.
Feestdagen en seizoenen
Kerstboom, pompoen, paasei – tien motieven om te wisselen als het seizoen wisselt.
Stempel en zegel (vector)
De telling als poststempel met datum of als lakzegel met reliëfcijfer – iets voor de voettekst dat niet als gereedschap oogt.
Geanimeerd · opbouwend
Het beeld bouwt zichzelf op, onthult zichzelf, telt zichzelf omhoog – en komt dan tot rust.
Jaarcyclus en set (vector)
Een teller die met de kalender van jas wisselt – sneeuw, paaseieren, pompoen, dennenboom – en een set van telling, vlaggen en wereldkaart op één rij.
Dashboardkaarten (vector)
Als een tegel uit een dashboard: een pictogram, een kop en de cijfers van vandaag en totaal in eigen vakken – twintig zakelijke, opgeruimde vormen.
Futuristisch · rustig
Toekomst zonder beweging: geometrie, randen, licht.
Eten en drinken
Koffie, pizza, bier – twintig keukenmotieven, elk met een pauze in de cyclus.
Beeldstroken
Elk cijfer staat op een eigen plaatje – leitje, houtblok, postzegel. Tien motieven zitten in de teller zelf, er wordt niets van elders geladen.
Geanimeerd · met gewicht
Beweging met traagheid: dingen vallen binnen, schieten door, komen zacht tot stilstand.
Cijferstroken (vector)
De eenregelige tellers uit 2006 als vectorafbeelding: vakjes, ledsegmenten, puntmatrix, chroom, rollen – negen cijfers met voorloopnullen zoals toen, scherp op elk formaat.
Herkomst en ritme (vector)
Vlaggenverzameling, wie er nu is, continenten, het verste land, het weekritme, talen, tijd op de pagina en scrolldiepte – zeven antwoorden op "waarvandaan, wanneer, hoe lang", elk met één query.
Met grafiek
Tien grafiektypen in scherpe SVG in plaats van de bitmapgrafiek uit 2006.
Sport en fitness
Bal, atletiekbaan, beker – tien motieven waarin iets op een doel afgaat.
Hotel en vakantie
Koffer, palmboom, kabelbaan – twintig motieven waarin iets rijdt, vliegt of drijft.
Tijdschriften en blogs
Krant, ganzenveer, microfoon – twintig redactiemotieven; tekst wordt als balkjes getekend, in elke taal hetzelfde.
Kleding en stijl
Hanger, naad, catwalk – twintig motieven waarin stof hangt, zwaait en tot rust komt.
Muziek
Platenspeler, metronoom, niveaumeter – tien motieven op de maat, zonder ook maar één verzonnen waarde.
School
Schoolbord, passer, schoolklok – tien klaslokaalmotieven, elk met een handbeweging.
Christelijke motieven
Kaars, kruis, kerkraam – tien stille motieven; de traagste beweging duurt 40 seconden.
Bloemen
Bloesems, ranken en een bij – tien motieven die groeien, wiegen en opnieuw beginnen.
Nerdcultuur
Dobbelsteen, pixelfiguur, diskette – tien motieven die stappen in plaats van glijden.
Internet
Wifi, browser, serverrek – tien motieven waarin iets van het ene punt naar het andere reist.
Futuristisch · in beweging
Ingetogen beweging die stopt bij “beweging verminderen”.
Retro
CRT, klapborden, pixelraster – scherp, niet wazig.
Onverwacht
Ongewone beelden voor een gewoon getal.
Klassiekers sinds 2006 (127)
Statistiekpanelen
Tonen vandaag, gisteren, totaal en bezoekers online.
Met trendgrafiek
Plus een kleine grafiek van de afgelopen dagen.
Verdelingen
Cirkeldiagrammen per land en schermresolutie.
Vlaggentellers
Eén regel per land: de vlag en hoeveel bezoekers daarvandaan kwamen.
Compact
Klein en onopvallend, past in elke voettekst.
Tellerstroken
Alleen de telling, in veel cijferontwerpen.
Alle 100 ontwerpen tonen
2 Instellingen optioneel
De teller werkt met de standaardinstellingen. Deze opties wijzigen uiterlijk, toegang of extra metingen; geen ervan is nodig om te beginnen.
De code toevoegenWelke instellingen zijn nuttig?
- Een ontwerp kiezen
- Kleuren, grootte en weergaveopties veranderen het uiterlijk van de teller. Het standaardontwerp werkt ook.
- Een terugweg naar de teller behouden
- Een bereikbaar e-mailadres opslaan met de knop en bevestigen via de link in de mail. Zo blijft een terugweg naar de teller bestaan. Zonder adres de privébeheerlink bewaren; websiteverificatie is een andere herstelmogelijkheid.
- Beginstand
- Voor een nieuwe start leeg laten of 0 gebruiken. Bij overstappen van een andere teller het totaal als beginwaarde invoeren. Dit neemt een getal over, geen oude dagrapporten.
- Eigen naam voor het adres (optioneel):
- Een korte naam zoals myshop maakt het statistiekadres makkelijker te onthouden. Toegestaan zijn 2–20 tekens: a-z, 0-9, - of _. Een volledig numerieke of bezette naam is niet beschikbaar. Een leeg veld behoudt het genummerde adres.
- Privéstatistieken (geen link naar het openbare paneel)
- Voorkomt dat statistieken openbaar leesbaar zijn. De privébeheerlink bewaren: die opent rapporten en instellingen. Voor rapportdeling zonder toegang tot instellingen kan via de tellerhulpmiddelen een aparte leeslink worden gemaakt.
- De statistieken desgewenst met een wachtwoord beschermen:
- Een leeswachtwoord laat andere lezers na invoer de statistieken openen. Opslaan met de knop naast het veld. Het staat los van de eigenaarssleutel in de privébeheerlink.
- Ook linkklikken tellen
- Voegt automatische gebeurtenissen toe voor ondersteunde linkklikken. Hier hoeft geen waarde te worden ingevuld. Uitgeschakeld laten als paginaweergaven volstaan; klikken alleen bewijzen geen geslaagde aanvraag of aankoop.
- Overgangen tussen pagina’s tellen
- Telt overgangen tussen paginaparen. Standaard ingeschakeld, maar uitschakelbaar. Het resultaat toont veelvoorkomende overgangen, geen opname van een individueel bezoek.
- Ook scherm- en browservenstergrootte meten
- Voegt schermgrootte, browservenstergrootte en pixelverhouding toe aan de scriptmetingen. Standaard uitgeschakeld. Alleen gebruiken indien nodig en na controle van de websitevereisten.
- Meedoen aan de ring
- De webring verbindt deelnemende websites. Deelname is optioneel: de pagina met de teller en een korte titel invoeren, daarna de installatiecontrole voltooien. De teller werkt zonder lidmaatschap.
- Adres of reeks die niet meetelt
- Uitsluitingsinstellingen houden eigen bezoeken buiten toekomstige metingen. Een geschikte methode kiezen in het uitsluitingsgedeelte. Ze maken statistieken niet privé en verwijderen geen eerdere bezoeken.
Waar beschikbaar vernieuwt automatische verversing de getoonde tellerafbeelding zonder de pagina te herladen. Deze verversingen voegen geen bezoeken toe en maken de bezoekersmeting niet nauwkeuriger.
Beginwaarde en korte naam worden opgeslagen zodra hun velden de focus verliezen. Andere instellingen tonen een opslagknop of statusmelding. Na wijzigingen in ontwerp of codeopties de bijgewerkte code kopiëren en de oude code op de website vervangen.
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".
Beginwaarde en korte naam worden opgeslagen zodra hun velden de focus verliezen. Andere instellingen tonen een opslagknop of statusmelding. Na wijzigingen in ontwerp of codeopties de bijgewerkte code kopiëren en de oude code op de website vervangen.
Een terugweg naar de teller behouden
Een e-mailadres kan later helpen toegang te herstellen. De bevestigingsmail verzenden en de link openen voltooit het opslaan van het adres. Als alternatief kan de privébeheerlink veilig worden bewaard.
Het bewaarde adres dient om op verzoek de toegangslink opnieuw te sturen. Het wordt niet voor reclame of nieuwsbrieven gebruikt en kan hier worden verwijderd.
Google reCAPTCHA controleert deze inzending op misbruik; daarbij worden gegevens naar Google gestuurd. Het script laadt pas wanneer dit formulier wordt geopend.
Ondersteunde links binnen de website en naar andere websites worden als gebeurtenissen geteld. Namen komen uit het doeladres, niet uit de linktekst. Er zijn maximaal 70 automatische gebeurtenisnamen beschikbaar. Een klik bevestigt geen geslaagde formulierverzending of aankoop.
Toont hoe vaak een pagina binnen een halfuur op een andere volgt. Standaard ingeschakeld, maar uitschakelbaar. Een paar verschijnt pas na minstens 5 overgangen; volledige individuele routes worden niet getoond.
Voegt data-screen="1" toe aan de scriptcode. De browser meldt dan schermgrootte, venstergrootte en pixelverhouding. Uitgeschakeld laten als die details niet nodig zijn, en de voorwaarden voor gebruik op de website controleren.
Toegang en andere instellingen
Voorkomt dat statistieken openbaar leesbaar zijn. De privébeheerlink bewaren: die opent rapporten en instellingen. Voor rapportdeling zonder toegang tot instellingen kan via de tellerhulpmiddelen een aparte leeslink worden gemaakt.
Paginaweergaven tellen geregistreerde laadacties. Het bezoekerscijfer telt dagwaarden op: een terugkeer op een andere dag telt opnieuw. Het identificeert geen verschillende personen over de hele periode; oudere tellers kunnen een kortere bezoekersgeschiedenis hebben.
Voor een nieuwe start leeg laten of 0 gebruiken. Bij overstappen van een andere teller het totaal als beginwaarde invoeren. Dit neemt een getal over, geen oude dagrapporten.
2 tot 20 tekens, alleen letters, cijfers, "-" en "_". /live/<nummer> blijft daarnaast gewoon werken. Leeg veld = geen alias.
Het adres van de site en een korte naam. De teller moet op de pagina staan – dat wordt bij de aanmelding gecontroleerd. Met het vinkje bevat de code ook de vier ringlinks. Bouw de code eerst in en meld je daarna hier aan.
Aangemeld. Een mens bekijkt het, daarna verschijnt de vermelding in de ring.
De ring is een lijst onder gelijken, de startpagina is een etalage – daarom vragen we het apart. Zonder vinkje blijft de vermelding alleen in de ring.
De ring is een lijst onder gelijken, de startpagina is een etalage – daarom vragen we het apart. Zonder vinkje blijft de vermelding alleen in de ring.
Minstens 6 tekens. Het wachtwoord opslaan met de knop naast het veld. Een leeg veld opslaan verwijdert het. Een kopie bewaren: het leeswachtwoord is niet te herstellen, maar toegestane eigenaarstoegang kan het wijzigen.
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.
3 De code toevoegen
Deze code behoudt teller 4846834343 en de bestaande statistieken. Een nieuw ontwerp vereist geen nieuw tellernummer. Voor een aparte website houdt een eigen teller de rapporten gescheiden.
Al een Stats4U-teller? Behoud het nummer
Voor een ander uiterlijk is geen nieuw nummer nodig. Met het oude telt de nieuwe code door in dezelfde statistieken, inclusief de stand tot nu toe.
Startwaarde, naam, wachtwoord en de overige instellingen van deze teller blijven zoals ze zijn. Je kunt ze wijzigen met de beheerlink. Beheerlink kwijt?
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.
Beheerlink – sla hem nu op
Alleen via deze link zijn de instellingen van deze teller later weer te openen: doelen, tijdzone, eigen bezoeken uitsluiten en meer. Er is geen account – wie de link kwijtraakt en geen e-mailadres heeft opgegeven, komt er niet meer in. Sla hem het best meteen op als bladwijzer.
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 100 verschillende namen per teller en 300 gebeurtenissen per uur en adres. De naam wordt kleingeschreven, spaties worden koppeltekens. Namen die op persoonsgegevens lijken, zoals met een @, een lange reeks cijfers of een lange code, worden geweigerd. De automatische klikteller mag hoogstens 70 van de namen gebruiken; de rest blijft gereserveerd voor namen die met de hand worden ingesteld.
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.
Privacytekst bij het insluiten
Ontbreekt er iets aan Stats4U? Eén zin is genoeg: Stuur een bericht