1 डिज़ाइन चुनना
कोई भी डिज़ाइन सभी फ़िल्टर से एक साथ मेल नहीं खाता। इनमें से एक हटाना होगा।
अपना डिज़ाइन
आकार और रंग अपनी पसंद से; प्रीव्यू तुरंत बदलता है।
झंडा काउंटर (वेक्टर)
नीचे दिए क्लासिक जैसा ही विचार, लेकिन हर स्क्रीन पर साफ़ – और हर साइज़ में, एक लाइन के सिग्नेचर से लेकर झंडों की पूरी दीवार तक।
2006 से क्लासिक (9)
झंडा काउंटर
हर देश की एक पंक्ति: झंडा और वहाँ से आए विज़िटरों की संख्या।
2 विकल्प
लाइव वर्ज़न इमेज की जगह एक छोटी स्क्रिप्ट है। यह हर 30 सेकंड में पूछती है कि अभी कौन मौजूद है, और सिर्फ़ एक बार गिनती करती है – मैप लोड होने पर।
पारदर्शी बैकग्राउंड हल्के और गहरे, दोनों तरह के पेजों पर ठीक लगता है। सब कुछ इमेज के पते में होता है, सहेजने के लिए कुछ नहीं है।
2006 का बिटमैप वर्ज़न - 50 फ़ॉन्ट, 15 टेम्पलेट। इससे मौजूदा काउंटर बदले जा सकते हैं।
हर देश का एक झंडा और वहाँ से आए विज़िटरों की संख्या दिखाता है। कितने देश आ सकते हैं, यह लेआउट और साइज़ पर निर्भर करता है।
Ctrl या ⌘ के साथ एक से ज़्यादा चुनें। छिपे हुए देश गिने जाते रहते हैं, बस इमेज में नहीं दिखते।
संख्या के बगल में दिखाता है कि पिछले सात दिन कैसे रहे। मापने पर इसकी लागत 120 बाइट डेटा ट्रांसफ़र है – पिल डिज़ाइन में रेखा संख्या के पीछे होती है, सादे काउंटर में उसके नीचे। बिना इतिहास वाला काउंटर कोई रेखा नहीं दिखाता और उसका आकार पहले जैसा रहता है।
काउंटर में दोनों वर्ज़न होते हैं और वह वही वर्ज़न दिखाता है, जो विज़िटर की सेटिंग से मेल खाता है – डिवाइस की सेटिंग से, इस पेज की नहीं। मापने पर इसकी लागत लगभग एक चौथाई ज़्यादा है, दोगुनी नहीं: gzip एक ही ड्रॉइंग को दो बार देखता है। आँकड़े “काउंटर का वज़न कितना है” पेज पर हैं।
यहाँ सब कुछ वैकल्पिक है – काउंटर इसके बिना भी चलता है।
अगर लिंक खो जाए
काउंटर नंबर जानने वाला कोई भी इन आँकड़ों पर वापस आ सकता है। जो इसे याद नहीं रखना चाहता, वह ईमेल पता दर्ज कर सकता है: हम ठीक एक ईमेल भेजते हैं, जिसमें लिंक होता है। पता तभी सहेजा जाता है जब उस ईमेल के लिंक पर क्लिक किया जाए – जिसने पता खुद नहीं डाला, वह ईमेल को हटा दे, और कुछ भी सहेजा नहीं जाता।
यह पता सिर्फ़ एक ही काम आता है: माँगने पर यह लिंक दोबारा भेजना। न विज्ञापन, न किसी और को देना, न न्यूज़लेटर। इसे यहाँ कभी भी फिर से हटाया जा सकता है।
Google reCAPTCHA दुरुपयोग से बचाव के लिए इस सबमिशन की जाँच करता है; इसके लिए डेटा Google को भेजा जाता है। स्क्रिप्ट तभी लोड होती है, जब यह फ़ॉर्म खोला जाता है।
लिंक पर हर क्लिक एक इवेंट के रूप में गिना जाता है। उसका नाम उस पते से बनता है जिस पर लिंक जाता है – लिंक के टेक्स्ट से नहीं। वेबसाइट के अपने पेजों का नाम उनके पाथ से बनता है (“kontakt”), बाहर जाने वाले लिंक का नाम उनके होस्ट से (“ex-facebook-com”)। अपने-आप होने वाली गिनती की अपनी सीमा है: ज़्यादा से ज़्यादा 70 अलग-अलग नाम; यह सीमा पूरी होने पर कोई नया नाम नहीं जुड़ता। बाकी जगहें हाथ से तय किए गए नामों के लिए रखी जाती हैं।
डिफ़ॉल्ट रूप से चालू – बॉक्स का निशान हटाने पर बंद हो जाता है। गिना जाता है कि किस पेज के बाद कौन-सा पेज आता है, कुल संख्या के रूप में, किसी एक व्यक्ति के रास्ते के रूप में नहीं। दो पेज व्यू एक साथ माने जाते हैं, अगर उनके बीच आधे घंटे से कम समय हो। रिपोर्ट में कोई ट्रांज़िशन तभी दिखता है, जब वह कम से कम 5 बार हुआ हो।
स्क्रिप्ट कोड में data-screen="1" जोड़ता है। तब स्क्रिप्ट विज़िटर के डिवाइस से ये तीन मान पढ़ती है। यह टर्मिनल उपकरण तक पहुँच है; वेबसाइट पर लागू कानून के आधार पर, इसके लिए विज़िटरों की सहमति ज़रूरी हो सकती है। डिफ़ॉल्ट रूप से बंद।
और विकल्प
हिट हर पेज व्यू को गिनते हैं, यूनिक विज़िटर हर व्यक्ति को दिन में एक बार। विज़िटरों की संख्या रोज़ाना के मानों का योग है; यह 1 जनवरी 2026 से दर्ज की जा रही है, इसलिए पुराने काउंटरों पर यह हिट की संख्या से कम होती है।
2 से 20 वर्ण, सिर्फ़ अक्षर, अंक, “-” और “_”। /live/<number> इसके साथ-साथ काम करता रहता है। खाली फ़ील्ड = कोई उपनाम नहीं।
वेबसाइट का पता और एक छोटा नाम। काउंटर पेज पर होना चाहिए – साइन अप के समय इसकी जाँच होती है। इस पर टिक होने से कोड में चार रिंग लिंक भी शामिल होते हैं। पहले इसे लगाएँ, फिर यहाँ साइन अप करें।
साइन अप हो गया। एक व्यक्ति इसे देखेगा, फिर एंट्री रिंग में दिखेगी।
रिंग बराबर वालों की सूची है, होम पेज एक शोकेस – इसलिए हम अलग से पूछते हैं। टिक के बिना एंट्री सिर्फ़ रिंग में रहती है।
रिंग बराबर वालों की सूची है, होम पेज एक शोकेस – इसलिए हम अलग से पूछते हैं। टिक के बिना एंट्री सिर्फ़ रिंग में रहती है।
खाली फ़ील्ड = कोई पासवर्ड नहीं। पासवर्ड होने पर /live/<number> आँकड़े दिखाने से पहले उसे माँगता है। कम से कम 6 अक्षर, और इसे वापस नहीं पाया जा सकता – इसे लिख लेना अच्छा है।
एक अकेला पता या पूरी रेंज (83.10.1.0/24)। आम तौर पर रेंज बेहतर विकल्प है: ज़्यादातर कनेक्शन को हर दिन नया पता मिलता है, लेकिन उसके आसपास का नेटवर्क वही रहता है। यहाँ जो डाला जाता है, वह सादे रूप में सहेजा जाता है और कभी भी हटाया जा सकता है। यह अनुरोध अभी से आ रहा है।
आपके पेज पर ग्लोब के ऊपर और नीचे क्या दिखेगा। आकार और रूप यहाँ ऊपर चुनें – फिर आपके पेज पर ग्लोब उन्हें इसी तरह दिखाता है, बिना इन स्विच के। “कोई नहीं” चुनने पर सिर्फ़ ग्लोब और उसके नीचे का लिंक रहता है।
सिर्फ़ वेक्टर काउंटर के लिए: ये किसी भी साइज़ में साफ़ दिखते हैं। मान इमेज के पते में होता है, सहेजने के लिए कुछ नहीं है।
3 कोड जोड़ना
नंबर 6210053279 वही रहता है। दूसरा डिज़ाइन लेने पर भी गिनती उन्हीं आँकड़ों में चलती रहती है; दूसरी वेबसाइट के लिए अलग काउंटर चाहिए।
पहले से Stats4U काउंटर है? उसका नंबर रखें
नए रूप के लिए नए नंबर की ज़रूरत नहीं। पुराने नंबर के साथ नया कोड उन्हीं आँकड़ों में गिनता रहता है, अब तक की कुल संख्या समेत।
इस काउंटर की शुरुआती संख्या, नाम, पासवर्ड और बाकी सेटिंग जैसी हैं, वैसी ही रहती हैं। इन्हें प्रबंधन लिंक से बदला जा सकता है। प्रबंधन लिंक खो गया?
Markdown, BBCode और HTML <img> सिर्फ़ इमेज एम्बेड करते हैं। यह भी उसी तरह गिनती करती है और यह भी बताती है कि वह किस पेज पर थी – सर्वर यह रेफ़रर से पढ़ता है। खुला बस यही रहता है कि विज़िटर वेबसाइट पर कहाँ से आया: यह सिर्फ़ ब्राउज़र जानता है, और इसे सिर्फ़ स्क्रिप्ट वाला HTML वर्ज़न ही पूछ सकता है।
स्क्रिप्ट के बिना काउंटर को पता नहीं होता कि वह किस पेज पर है, इसलिए पेजों की सूची खाली रहती है। अगर यहाँ पता लिखा हो, तो उस पेज को सूची में एक पंक्ति मिलती है; शुरुआत में स्लैश काफ़ी है, बाकी काउंटर रेफ़रर से ले लेता है। अगर एक ही कोड कई पेजों पर है, जैसे किसी फ़ोरम सिग्नेचर में, तो यह फ़ील्ड खाली छोड़ना बेहतर है – वहाँ एक तय पता बाकी सभी पेजों के लिए गलत होगा।
प्रबंधन लिंक – इसे अभी सहेजें
बाद में इस काउंटर की सेटिंग सिर्फ़ इसी लिंक से खुलती है: लक्ष्य, समय क्षेत्र, अपनी विज़िट को गिनती से बाहर रखना और भी बहुत कुछ। कोई अकाउंट नहीं है – अगर लिंक खो जाए और कोई ईमेल पता दर्ज न हो, तो वापस अंदर आने का कोई रास्ता नहीं है। सबसे अच्छा है कि इसे अभी बुकमार्क कर लें।
इसे कहाँ लगाएँ?
chomikuj.pl
काउंटर chomik के विवरण (“opis”) में लगता है। विवरण में स्क्रिप्ट नहीं चलतीं, इसलिए पहली लाइन की जगह “HTML <img>” टैब का कोड आता है, और पेज का पता नीचे वाले फ़ील्ड में जाता है, ताकि आँकड़ों को पता रहे कि गिनती कहाँ हो रही है।
WordPress
Appearance → Widgets, या ब्लॉक एडिटर में कहीं भी: “Custom HTML” ब्लॉक में कोड डालें। यह “Custom HTML” ब्लॉक ही होना चाहिए, “Paragraph” नहीं – पैराग्राफ़ कोड को चलाने के बजाय उसे टेक्स्ट के रूप में दिखाता है।
प्लगइन डाउनलोड करें (zip) – शॉर्टकोड [stats4u] या फ़ुटर में अपने आप
WordPress.com
ध्यान दें, यह खुद होस्ट किए गए WordPress जैसा नहीं है: मुफ़्त प्लान पर WordPress.com “Custom HTML” ब्लॉक से script, iframe और embed हटा देता है। तब काउंटर बस दिखाई नहीं देता, और कोई गड़बड़ी भी नहीं बताई जाती। स्क्रिप्ट के लिए ऐसा पेड प्लान चाहिए जिसमें होस्टिंग फ़ीचर चालू हों। यहाँ Markdown टैब काम आता है – सादी इमेज हर प्लान पर चल जाती है।
Blogger
Layout → Add a Gadget → HTML/JavaScript। कोड वहाँ डालें और सहेजें – हो गया।
Ghost
Settings → Code injection → Site footer। अगर काउंटर बिल्कुल नीचे के बजाय किसी खास जगह पर होना चाहिए, तो उसे थीम में डालना होगा।
Wix
Add → Embed → Embed HTML → Enter code, कोड पेस्ट करें, अपडेट करें। दो बातें जान लें: Wix कोड को एक सैंडबॉक्स फ़्रेम में रखता है, इसलिए काउंटर उस फ़्रेम का पता देखता है, न कि उस पेज का जिस पर वह लगा है – इसलिए यहाँ पेजों की सूची खाली रहती है। और पता https होना चाहिए, Wix http स्वीकार नहीं करता।
Squarespace
Edit page → Add block → Code। वहाँ JavaScript और iframe के लिए Core प्लान या उससे ऊपर चाहिए; Personal और Basic पर ब्लॉक खाली रहता है। लेकिन HTML और Markdown हर प्लान पर काम करते हैं – ब्लॉक को Markdown पर स्विच करें, और कोड Markdown टैब से लें।
Neocities
index.html को एडिटर में खोलें और कोड </body> से पहले डालें। बस इतना ही – वहाँ अपना HTML बिना किसी पाबंदी के इस्तेमाल किया जा सकता है।
Hugo, Jekyll, Astro
टेम्पलेट में, पोस्ट में नहीं: layouts/partials/footer.html (Hugo), _includes/footer.html (Jekyll) या src/components/Footer.astro (Astro)। अगर काउंटर सिर्फ़ किसी एक पोस्ट में दिखना चाहिए, तो Markdown टैब से यह हो जाता है, सीधे टेक्स्ट में लिखकर।
क्लिक और डाउनलोड भी गिनें
इवेंट वह है, जो कोई करता है – “संपर्क” पर क्लिक, भेजा गया फ़ॉर्म, कोई डाउनलोड। एट्रिब्यूट एलिमेंट पर लगाया जाता है, या फ़ंक्शन को कॉल किया जाता है:
<a href="/contact" data-s4u-event="contact">…</a>
<script>s4u.event('form-sent');</script>हर काउंटर पर ज़्यादा से ज़्यादा 100 अलग-अलग नाम और हर पते से प्रति घंटा 300 इवेंट। नाम छोटे अक्षरों में बदल दिया जाता है, स्पेस हाइफ़न बन जाते हैं। जो नाम व्यक्तिगत डेटा जैसे दिखते हैं, जैसे जिनमें @, अंकों की लंबी कड़ी या कोई लंबा कोड हो, उन्हें अस्वीकार कर दिया जाता है। अपने-आप होने वाली क्लिक गिनती इनमें से ज़्यादा से ज़्यादा 70 नाम इस्तेमाल कर सकती है; बाकी नाम हाथ से तय किए जाने वाले नामों के लिए रखे जाते हैं।
दूसरे काउंटर से स्विच करना
साथ क्या आता है: कुछ नहीं। पुराना कुल आँकड़ा साथ नहीं लाया जा सकता – कोई काउंटर सेवा अपनी संख्याएँ दूसरी सेवा को नहीं देती, और जो संख्या हम बस यूँ ही सेट कर दें, वह गढ़ी हुई होगी। नया काउंटर शून्य से शुरू होता है। जो पुराना आँकड़ा रखना चाहे, वह पुरानी इमेज को एक यादगार के तौर पर उसके बगल में छोड़ सकता है, या पुरानी संख्या टेक्स्ट में लिख सकता है।
काउंटर काम कर रहा है या नहीं – जाँच
उस पेज का पता जिस पर काउंटर होना चाहिए। उसे एक बार खोला जाता है, और जो भी मिलता है, वह यहाँ बताया जाता है।
एम्बेड करने के लिए निजता टेक्स्ट
Stats4U सेवा में कुछ कमी है? एक वाक्य काफ़ी है: हमें लिखें