O 3D Globe é a assinatura da Zenovay — uma visualização em tempo real impressionante que transforma seus dados de visitantes em uma experiência interativa.
O que é o 3D Globe?
O 3D Globe exibe seus visitantes do site como marcadores em uma visualização interativa da Terra:
- Marcadores em tempo real: Veja os visitantes aparecerem conforme chegam em seu site
- Insights geográficos: Compreenda instantaneamente seu alcance global
- Avatares DiceBear: Cada visitante recebe um avatar único baseado em seu ID de visitante
- Exploração interativa: Gire, amplie e clique em marcadores para obter detalhes
Por que o 3D Globe é Importante
Além de Gráficos e Números
A análise tradicional mostra dados em tabelas e gráficos. O 3D Globe adiciona uma nova dimensão:
| Visualização Tradicional | 3D Globe |
|---|---|
| Números e percentuais | Contexto geográfico visual |
| Snapshots estáticos | Atividade em tempo real |
| Dados abstratos | Representação tangível do visitante |
| Relatórios separados | Visão unificada do mundo |
Casos de Uso
Apresentações e Reuniões
- Impressione stakeholders com visualização ao vivo
- Demonstre alcance global a investidores
- Mostre desempenho de campanhas em tempo real
Dashboards de Equipe
- Telas de escritório mostrando atividade ao vivo
- Salas de guerra de marketing
- Centros de comando de e-commerce
Motivação Pessoal
- Veja as pessoas reais visitando seu site
- Celebre atingir novos países
- Observe o crescimento em tempo real
Acessando o Globe
Do Dashboard
- Abra seu dashboard Zenovay
- Abra o dashboard de um site e selecione a aba Globe (sob o grupo Comportamento na barra lateral)
- O globe carrega com seus dados atuais de visitante em tempo real
Seu Primeiro Olhar
Quando você abre o Globe pela primeira vez, você verá:
A Terra
Uma Terra 3D renderizada com o tema escuro do Mapbox:
- Bordas do país visíveis
- Esquema de cor escuro otimizado para visibilidade do marcador
- Animações de rotação e zoom suave
Marcadores de Visitantes
Marcadores de avatares DiceBear representando visitantes:
- Localização: Onde o visitante está aproximadamente localizado (baseado em geolocalização de IP)
- Tamanho: Escala baseada na pontuação de valor do visitante (valor mais alto = marcador maior)
- Avatar: Avatar único DiceBear Open Peeps gerado a partir do ID do visitante
- Esvanecimento: Novos visitantes esvaem suavemente conforme aparecem
Feed de Atividade
Um painel no canto inferior esquerdo mostrando atividade recente (apenas em desktop):
- Visitantes recentes, os mais recentes primeiro
- Uma bandeira do país e um ID de visitante anonimizado por entrada
- A página que cada visitante está vendo
- Clique em qualquer visitante para fazer o globe voar para sua localização
Painel de Estatísticas ao Vivo
O painel no canto superior esquerdo mostra estatísticas ao vivo:
- Contagem de visitantes ativos (visitantes no site agora)
- Principais referências, países e dispositivos
- Clique em qualquer chip de divisão para filtrar os marcadores mostrados no globe
Controles do Globe
Os botões de ação estão no cabeçalho do painel de estatísticas ao vivo no canto superior esquerdo:
| Controle | Ação |
|---|---|
| Compartilhar | Habilite o compartilhamento e copie o link público do globe |
| Música | Alterne a música de fundo ambiente |
| Rotação automática | Alterne a rotação automática do globe |
| Tela Inteira | Alterne o modo de tela inteira |
O botão Compartilhar aparece apenas em seu próprio dashboard, não em um link de compartilhamento público.
Fundamentos da Navegação do Globe
Controles do Mouse
| Ação | Controle |
|---|---|
| Girar | Clique e arraste |
| Ampliar | Roda de rolagem |
| Selecionar marcador | Clique em um marcador de visitante |
Controles de Toque
Em dispositivos de toque:
- Girar: Arrastar com um dedo
- Ampliar: Gesto de pinça
- Selecionar: Toque em um marcador
Entendendo Marcadores de Visitantes
Aparência do Marcador
Cada marcador representa um visitante:
- Posição: Localização aproximada baseada em geolocalização de IP, com geocodificação no nível da cidade quando disponível
- Avatar DiceBear: Avatar único que permanece consistente para o mesmo visitante
- Variação de tamanho: Visitantes de alto valor (pontuação 80+) recebem marcadores maiores e podem ter acessórios de avatar
Precisão da Localização
A geolocalização baseada em IP é precisa no nível da cidade, mas não em endereços exatos. Isso é normal e protege a privacidade do visitante.
Se as coordenadas de um visitante parecerem não confiáveis (mais de 6.000 km do centro do país), o globe volta para as coordenadas do centro do país e tenta geocodificação no nível da cidade via API do Mapbox.
Atividade em Tempo Real
O Globe atualiza em tempo real usando subscrições em tempo real do Supabase:
Novos Visitantes
Quando alguém visita seu site:
- Marcador aparece em sua localização aproximada
- Feed de atividade atualiza com o novo visitante
- Sobreposição de estatísticas reflete a nova contagem
Expiração do Visitante
Marcadores de visitantes são mostrados para uma janela de 2 minutos:
- Marcadores representam visitantes que carregaram uma página nos últimos 2 minutos
- Marcadores mais antigos são removidos automaticamente
- Até 50 marcadores ativos são exibidos por vez
Atualização de Fallback
Além de atualizações em tempo real, o globe atualiza dados a cada poucos segundos como rede de segurança e pausa quando a aba do navegador não está visível.
Considerações de Desempenho
Requisitos do Navegador
Para desempenho ideal do Globe:
- Navegador com capacidade WebGL (Chrome, Firefox, Safari, Edge)
- Aceleração de hardware ativada
- 4GB+ RAM recomendado
Desempenho Móvel
O Globe funciona em dispositivos móveis, mas:
- O consumo de bateria aumenta com renderização 3D
- Pode ficar lento em dispositivos mais antigos
- Orientação paisagem recomendada
Perguntas Comuns
Por que não vejo nenhum marcador?
- Verifique se o rastreamento está instalado corretamente em seu site
- Verifique se seu site está recebendo tráfego
- Certifique-se de que o globe está conectado (verifique o console do navegador para erros)
- Atualize a página se o globe parecer travado
Por que os locais são aproximados?
A geolocalização baseada em IP é precisa no nível da cidade, mas não em endereços exatos. O uso de VPN, redes móveis e proxies corporativos podem afetar ainda mais a precisão.
Os visitantes podem ver o Globe?
Por padrão, o Globe é visível apenas em seu dashboard. Você pode habilitar um link de compartilhamento público para permitir que qualquer pessoa visualize o globe com uma URL única.
Próximos Passos
Agora que você entende o básico: