"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Como o CheckStat foi criado: análise do site em tempo real

Como o CheckStat foi criado: análise do site em tempo real

Publicado em 2024-11-04
Navegar:374

O que é CheckStat

CheckStat é um projeto que desenvolvi para ajudar proprietários de sites, desenvolvedores e analistas a entender melhor o que está acontecendo em seus recursos da web. Essa ferramenta permite que você acompanhe o que os visitantes estão fazendo no seu site em tempo real. A análise dessas estatísticas ajuda você a tomar decisões mais informadas e a melhorar o desempenho do seu site.

1. Atividade

Na seção "Atividade", você pode observar o que os visitantes estão fazendo no seu site em tempo real. Isso lhe dá uma visão completa de quem está em seu site no momento, o que estão fazendo e de onde vieram.

How CheckStat was created: Real-time site analytics

  • Ícones exclusivos para cada visitante: Cada usuário do seu site é representado por um ícone exclusivo, facilitando sua identificação. Você pode personalizar o ícone para cada visitante, selecionando e bloqueando uma imagem específica.
  • Informações sobre horário de visita: o horário em que um visitante entrou em seu site é exibido de acordo com seu fuso horário, o que ajuda a sincronizar dados com eventos locais ou promoções no site.
  • Contagem de visitas: o sistema mostra quantas vezes um usuário visitou o site hoje, este mês e no geral, ajudando você a avaliar a fidelidade e a atividade de seus visitantes regulares.
  • URL e título da página: para cada visita, o URL e o título da página que eles estão visualizando são exibidos, ajudando você a entender qual conteúdo está chamando a atenção dos usuários.
  • Geolocalização: você pode ver o país, região e cidade de onde o visitante veio. Isso é importante para analisar a distribuição geográfica do seu público.
  • Atividade do usuário: parâmetros como cliques, movimentos do mouse, pressionamentos de teclas, interações de sensores e rolagem são rastreados, proporcionando uma compreensão completa do envolvimento do usuário com seu site.
  • Detalhes técnicos: O sistema fornece informações sobre o sistema operacional, navegador, tipo de dispositivo e resolução de tela do usuário. Esses dados ajudam a otimizar o conteúdo e o design para diferentes dispositivos.
  • Origem do tráfego: você pode ver de onde veio o visitante (por exemplo, mecanismos de pesquisa, redes sociais ou outros sites), ajudando a avaliar a eficácia de suas campanhas de marketing.

Além disso, na seção "Atividade", você pode ativar filtros para exibir apenas usuários ativos que estão interagindo com o site. Isso permite que você se concentre nos usuários que estão mais envolvidos com seu conteúdo.

A atualização automática é habilitada por padrão e novas visitas são exibidas em tempo real com animação. Esse recurso ajuda você a reagir instantaneamente às mudanças no site, como durante uma promoção ou campanha de marketing.

2. Estatísticas

A seção "Estatísticas" foi projetada para análises mais profundas. Aqui, você pode coletar e analisar dados durante qualquer período, não limitado a intervalos de tempo padrão.

How CheckStat was created: Real-time site analytics

  • Gráfico principal: O gráfico principal exibe duas linhas — o número total de visualizações e visitantes únicos durante o período selecionado. Isso ajuda você a avaliar rapidamente como a atividade do site mudou ao longo de dias, semanas ou meses.
  • Mapa de visitantes: O mapa mundial visualiza dados de visitantes de diferentes países. O gradiente de cores do branco (mínimo de visitantes) ao azul (máximo de visitantes) facilita a visualização de quais regiões geram mais tráfego.
  • Análise de parâmetros: na parte inferior da página, os blocos exibem dados por país, região, cidade, navegador, sistema operacional e outros parâmetros. Você pode selecionar os parâmetros de seu interesse e adicioná-los a um filtro para ver apenas as informações necessárias. Essa ferramenta flexível ajuda você a refinar sua análise e tomar decisões mais precisas.

Você também pode configurar filtros para incluir ou excluir determinados parâmetros e ver como isso afeta as estatísticas gerais. Por exemplo, você pode ver como os usuários de uma região específica interagem com seu site e quais páginas os atraem mais.

3. Painel

O "Painel" é um painel de resumo que exibe as principais métricas do seu site para o dia atual e rastreia as alterações nos últimos 30 dias.

How CheckStat was created: Real-time site analytics

  • Principais métricas: o painel mostra o número de visitantes únicos, total de visualizações, média de visualizações por visitante e duração média da sessão. Esses dados ajudam você a avaliar rapidamente o desempenho atual do seu site.
  • Gráficos de atividades: no painel, você pode ver gráficos que mostram a atividade do usuário nas últimas três horas, agrupados em intervalos de 10 minutos. Isso ajuda você a avaliar os períodos de pico de atividade e determinar quando seu site é mais visitado.
  • Os 5 principais parâmetros principais: aqui, você encontrará dados sobre os 5 principais países, sistemas operacionais, fontes de tráfego e tipos de dispositivos. Esses dados ajudam você a entender quais dispositivos e plataformas seus usuários estão usando e de onde eles vêm.

O "Painel" é um lugar onde você pode obter rapidamente uma visão geral do que está acontecendo em seu site.

Detalhes técnicos

CheckStat é construído usando tecnologias modernas que garantem alto desempenho e escalabilidade:

  • PHP: A principal linguagem usada para desenvolvimento do lado do servidor e processamento lógico de aplicativos.
  • MySQL e Elasticsearch: MySQL é usado para armazenamento confiável de dados, enquanto Elasticsearch permite pesquisa e análise rápidas de grandes volumes de informações.
  • Kibana: Uma ferramenta para visualização de dados em tempo real, integrada ao Elasticsearch.
  • Nginx: Um servidor web que fornece acesso rápido e estável ao site.
  • JavaScript e AJAX: Usado para criar elementos dinâmicos e interativos no lado do cliente.
  • UAParser.js e current-device: Bibliotecas para identificação do dispositivo e suas características.
  • ApexCharts e ECharts: Ferramentas para criação de tabelas e gráficos usados ​​para visualização de dados.
  • vanilla-datetimerange-picker: uma biblioteca para fácil seleção de intervalo de datas, tornando a análise do lado do usuário mais conveniente.

Essas tecnologias ajudam a CheckStat a processar rapidamente grandes quantidades de dados e fornecer análises em tempo real.

Casos de uso

CheckStat é uma ferramenta que realmente ajuda a melhorar o seu site. Veja como você pode usá-lo:

  • Monitore as ações do usuário: na seção "Atividade", você pode ver em tempo real o que os visitantes estão fazendo no seu site. Quem entrou, quais páginas estão visualizando, de onde vieram, quais dispositivos e navegadores estão usando – está tudo bem aí. Isso é útil para entender como as pessoas interagem com seu conteúdo e onde podem perder o interesse.
  • Filtrar e analisar dados: em "Estatísticas", você pode configurar filtros para ver apenas as informações necessárias. Por exemplo, você pode escolher dados por regiões ou fontes de tráfego específicas e excluir os desnecessários. Isso ajuda você a se concentrar no que realmente importa.
  • Otimizar conteúdo: usando dados de "Atividade" e "Estatísticas", você pode identificar quais páginas são populares e melhorá-las. Se você perceber que as pessoas passam muito tempo em determinadas páginas, pode valer a pena adicionar conteúdo mais útil a elas.
  • Analise fontes de tráfego: CheckStat mostra de onde vêm seus visitantes - sejam mecanismos de pesquisa, redes sociais ou entradas diretas. Isso ajuda você a entender quais canais estão funcionando melhor e onde investir mais esforço.

Esses exemplos mostram como o CheckStat pode ajudar você a entender o que está acontecendo em seu site e torná-lo melhor.

Sobre o desenvolvedor

CheckStat foi desenvolvido na Ucrânia, sob condições desafiadoras de guerra contínua e interrupções periódicas de energia devido a danos à infraestrutura energética. Apesar destes desafios, o projeto foi concluído com sucesso e continua a evoluir.

Conclusão

CheckStat é uma ferramenta desenvolvida para quem deseja entender melhor seus usuários e melhorar seu site. Ele permite que você rastreie facilmente a atividade do site, analise as principais métricas e tome decisões baseadas em dados. Experimente o CheckStat e veja por si mesmo como ele pode ser conveniente e útil.

Link do site: CheckStat.net

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/filmovtv/how-checkstat-was-created-real-time-site-analytics-3h7d?1 Se houver alguma violação, entre em contato com [email protected] para excluir isto
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3