- Bear Blog đăng bài viết về cách làm phân tích bằng CSS, tập trung vào tốc độ, hiệu quả và độ ổn định
- Bear Blog tránh dùng JavaScript phía client do điểm yếu trước trình chặn quảng cáo và việc không thể phân biệt lưu lượng bot với con người
- Tác giả giải thích các giới hạn của phân tích dựa trên log máy chủ: coi mọi lưu lượng là như nhau và không thể nhận diện chính xác lưu lượng bot
- Giải pháp của tác giả là kích hoạt lượt đọc bằng CSS với đoạn mã sau:
body:hover { border-image: url("/hit/{{ post.id }}/?ref={{ request.META.HTTP_REFERER }}");}.
- Cách này được kích hoạt khi người dùng di chuyển con trỏ trên trang hoặc cuộn trên thiết bị di động; tác giả tin rằng đây là chỉ dấu đáng tin cậy của lưu lượng từ con người
- Hệ thống kiểm tra user-agent để xác nhận không phải bot, trích xuất thông tin trình duyệt và nền tảng, rồi băm địa chỉ IP và ngày để tạo một "lượt đọc" duy nhất cho trang
- Hệ thống không lưu cookie trình duyệt hay thông tin định danh của độc giả trên máy chủ
- Tác giả thừa nhận giới hạn của phương pháp này: nhiều lượt đọc từ các thiết bị khác nhau nhưng cùng một địa chỉ IP sẽ bị tính là một lượt đọc
- Dù vậy, tác giả tin rằng phương pháp này cho số lượt đọc chính xác và đơn giản hơn nhiều hình thức thu thập phân tích khác
1 bình luận
Ý kiến trên Hacker News
body:hovernhiều khả năng sẽ bỏ sót phần lớn người dùng “chỉ dùng bàn phím” và các user agent không dùng thiết bị con trỏ (công nghệ hỗ trợ), đồng thời nhấn mạnh cần có một cách tiếp cận bao quát hơn.<img>để tải hình ảnh giả.