Bear का CSS का उपयोग करके analytics करने का तरीका

• Bear Blog का CSS-आधारित analytics पर लेख, जिसमें speed, efficiency और reliability पर फोकस है
• Bear Blog ad blocker की कमजोरियों और bot व human traffic में फर्क न कर पाने की समस्या के कारण client-side JavaScript के उपयोग से बचता है
• लेखक server logs का उपयोग करने वाले analytics की सीमाओं के बारे में बताते हैं; यह सभी traffic को समान मानता है और bot traffic की सही पहचान नहीं कर पाता
• लेखक का समाधान: नीचे दिए गए code का उपयोग करके CSS से read trigger करना: body:hover { border-image: url("/hit/{{ post.id }}/?ref={{ request.META.HTTP_REFERER }}");}.
• यह method तब trigger होती है जब user page पर cursor move करता है या mobile पर scroll करता है; लेखक का मानना है कि यह human traffic का एक भरोसेमंद संकेतक है
• system user-agent को जांचकर पुष्टि करता है कि वह bot नहीं है, browser और platform की जानकारी निकालता है, और IP address व date को hash करके page के लिए एक unique "read" बनाता है
• system browser cookie या server पर reader की कोई पहचान संबंधी जानकारी store नहीं करता
• इस method की सीमा भी मानी गई है: एक ही IP address से अलग-अलग devices की कई reads को एक read के रूप में गिना जाता है
• इसके बावजूद, लेखक का मानना है कि यह method read count को सटीक रूप से देता है और analytics capture के कई अन्य रूपों की तुलना में अधिक सरल है

[GN⁺]

Hacker News राय

• लेख के लेखक ने स्पष्ट किया कि वे IP address hash का उपयोग करके एक दिन के भीतर duplicate views को रोकते हैं, जिससे हर page view मूल रूप से unique बन जाता है। हर दिन के अंत में, worker job इनको खाली कर देता है, जबकि view information बनी रहती है.
• एक commenter को analytics के लिए CSS को trigger के रूप में इस्तेमाल करने का विचार बहुत शानदार लगा, और उसने एक उदाहरण साझा किया जिसमें page पर अदृश्य square grid overlay करके mouse tracking के लिए उसका उपयोग किया जाता है। हर grid cell में hover होने पर trigger होने वाली एक unique background image होती है.
• एक अन्य commenter ने तारीख और IP को बस hash करके IP addresses को anonymize करने को security theater कहा, और बताया कि cryptographic hash तेज़ी से designed होते हैं, इसलिए IP address पता करने के लिए उन पर brute-force attack किया जा सकता है.
• एक user ने बताया कि body:hover तरीका ज़्यादातर "keyboard-only" users और pointer device का उपयोग न करने वाले user agents (assistive technologies) को मिस कर सकता है, और इसने ज़्यादा inclusive approach की ज़रूरत पर ज़ोर दिया.
• एक अन्य user का मानना है कि अगर CSS analytics लोकप्रिय हो जाता है, तो users पूरे analytics concept से ही ऊब जाएंगे और इसे bypass करने की कोशिश भी करेंगे.
• कुछ commenters ने analytics के लिए CSS के चतुर उपयोग की प्रशंसा की और <img> tag का उपयोग करके fake images load करने जैसे समान तरीकों पर अपने प्रयोग साझा किए.
• एक user ने non-commercial context में personal blog के लिए analytics data इकट्ठा करने के उद्देश्य पर सवाल उठाया.
• एक अन्य user ने CSS analytics का उपयोग करने के बजाय यह जानकारी HTTP server से प्राप्त करने का सुझाव दिया.