Como o Bear usa CSS para analytics

• Bear Blog publica um artigo sobre analytics usando CSS, com foco em velocidade, eficiência e estabilidade
• Bear Blog evita usar JavaScript no lado do cliente devido às fragilidades dos bloqueadores de anúncios e ao problema de não conseguir distinguir tráfego de bots e de humanos
• O autor explica as limitações de analytics baseados em logs do servidor, que tratam todo o tráfego da mesma forma e não identificam com precisão o tráfego de bots
• A solução do autor é acionar a leitura com CSS usando o seguinte código: body:hover { border-image: url("/hit/{{ post.id }}/?ref={{ request.META.HTTP_REFERER }}");}.
• O método é disparado quando o usuário move o cursor sobre a página ou rola no celular, e o autor acredita que isso seja um indicador confiável de tráfego humano
• O sistema verifica o user-agent para confirmar que não é um bot, extrai informações do navegador e da plataforma, e gera uma "leitura" única da página com hash do endereço IP e da data
• O sistema não armazena cookies do navegador nem informações de identificação do leitor no servidor
• O autor reconhece uma limitação desse método: várias leituras de dispositivos diferentes no mesmo endereço IP contam como uma única leitura
• Ainda assim, o autor acredita que esse método fornece uma contagem precisa de leituras e é mais simples do que muitas outras formas de captura de analytics

[GN⁺]

Comentários do Hacker News

• O autor do artigo deixou claro que usa um hash do endereço IP para evitar visualizações duplicadas no mesmo dia, tornando cada visualização de página essencialmente única. No fim de cada dia, um worker limpa esses dados, preservando as informações de visualização.
• Um comentarista acha a ideia de usar CSS como gatilho para analytics muito legal e compartilha um exemplo de uso para rastreamento do mouse, sobrepondo uma grade invisível de retângulos na página. Cada um deles tem uma imagem de fundo única que é acionada ao passar o cursor.
• Outro comentarista critica a prática de simplesmente aplicar hash à data e ao IP para anonimizar endereços IP, chamando isso de teatro de segurança, e aponta que hashes criptográficos são projetados para serem rápidos, podendo sofrer ataques de força bruta para descobrir o endereço IP.
• Um usuário observa que o método body:hover provavelmente deixará de fora a maioria dos usuários que usam apenas teclado e agentes de usuário sem dispositivo apontador (tecnologias assistivas), enfatizando que é preciso uma abordagem mais inclusiva.
• Outro usuário acredita que, se analytics via CSS se popularizar, as pessoas podem se cansar do conceito inteiro de analytics e tentar contorná-lo.
• Alguns comentaristas elogiam o uso engenhoso de CSS para analytics e compartilham suas próprias tentativas com métodos parecidos, como carregar imagens falsas usando a tag <img>.
• Um usuário questiona o objetivo de coletar dados de analytics no contexto não comercial de um blog pessoal.
• Outro usuário sugere obter essas informações no servidor HTTP em vez de usar analytics com CSS.