Entenda o design visual do 3D Globe e aprenda sobre as opções de customização disponíveis para páginas compartilhadas do globe e widgets HTML incorporáveis.
Estilo Visual do Globe
O 3D Globe usa um tema escuro do Mapbox que fornece um visual limpo e profissional para visualizar dados de visitantes em tempo real. Esse estilo é consistente entre todos os usuários e foi projetado para leitura ideal de marcadores de visitantes e sobreposições.
O que o Globe Exibe
A visualização do globe inclui vários elementos visuais integrados:
| Elemento | Descrição |
|---|---|
| Base de mapa escuro | Tema escuro do Mapbox com bordas de país |
| Marcadores de visitantes | Marcadores de avatar DiceBear em locais de visitantes |
| Feed de atividade | Painel lateral mostrando atividade recente de visitantes |
| Sobreposição de estatísticas superior | Contagem de visitantes ao vivo, valor estimado de visitante e principais fontes de referência |
| Leitor de música | Música de fundo ambiente opcional que você pode ativar ou desativar |
Design Responsivo
O globe se adapta automaticamente ao tamanho de sua tela:
- Desktop: Visualização completa com todos os overlays visíveis
- Tablet: Layout ajustado com controles de tamanho apropriado
- Móvel: Controles compactos e destinos de toque otimizados
Nenhuma configuração de responsividade manual é necessária - o globe lida com isso automaticamente.
White-Label para Páginas Compartilhadas do Globe
Scale PlanoClientes Scale e Enterprise podem customizar a aparência de páginas compartilhadas do globe usando configurações de white-label. Isto se aplica a links compartilhados públicos do globe (/share/globe/TOKEN).
Opções de White-Label Disponíveis
| Configuração | Descrição |
|---|---|
| Remover branding Zenovay | Oculta o rodapé "Powered by Zenovay" em páginas compartilhadas |
| Cor primária customizada | Aplica sua cor de marca como variável CSS para acentos de UI |
Como o White-Label Funciona
Quando um link de globe compartilhado é carregado:
- O token de compartilhamento é verificado
- Configuração de white-label é buscada para o site associado
- Variáveis CSS customizadas são aplicadas (por ex., cor de marca primária)
- Visibilidade de branding é definida com base na configuração
As configurações de white-label são gerenciadas no painel Agency (/agency) no dashboard Zenovay. Elas se aplicam a todas as páginas de globe compartilhadas para os sites do seu workspace.
Customização de Widget HTML
Zenovay fornece widgets HTML incorporáveis que são separados do 3D Globe. Esses widgets exibem estatísticas simples de visitantes e podem ser customizados.
Tipos de Widget
| Widget | Descrição |
|---|---|
| Realtime | Contagem de visitantes ao vivo com indicador pulsante |
| Preview | Linha do tempo de visitantes de 24 horas com gráfico de linha |
| Chart | Gráfico de barras de 30 minutos com divisão por país |
Opções de Customização de Widget
A aparência do widget é configurada através do painel Widget Settings em suas configurações de domínio:
| Configuração | Descrição |
|---|---|
| Cor primária | Cor de acento principal para o widget (cor hexadecimal) |
| Cor secundária | Cor secundária para gráficos e preenchimentos (cor hexadecimal) |
| Tema | Tema claro, escuro ou de sistema |
| Tamanho do texto | Tamanho da fonte para o número de exibição principal |
| Ocultar branding | Remove rodapé "Powered by Zenovay" quando seu workspace tem remoção de branding white-label habilitada (Scale e Enterprise) |
Aplicando Configurações de Widget
- Vá para suas configurações de domínio
- Navegue para a aba Widgets
- Alterne widgets ligados ou desligados
- Selecione uma aba de tipo de widget (Realtime, Preview ou Chart)
- Ajuste cores, tema e tamanho do texto
- Visualize o widget em tempo real
- Copie o código de incorporação iframe gerado
As configurações de widget atualizam a visualização imediatamente para que você possa ver exatamente como o widget ficará antes de incorporá-lo.
Melhores Práticas
Para Apresentações
- O tema escuro do globe funciona bem em telas grandes e projetores
- Use modo de tela inteira para máximo impacto visual
- O reprodutor de música ambiente pode melhorar a experiência durante demos ao vivo
Para Links Compartilhados
- White-label Scale e Enterprise remove branding Zenovay para uma experiência profissional voltada para cliente
- Cores primárias customizadas ajudam a manter consistência de marca em páginas compartilhadas
Para Widgets Incorporados
- Escolha cores que complementem o design de seu site
- Teste tanto temas claro quanto escuro contra o fundo de seu site
- Use a opção de tema de sistema para corresponder automaticamente às preferências do visitante