Comprende el diseño visual del globo 3D y aprende sobre las opciones de personalización disponibles para páginas de globo compartidas y widgets HTML incorporables.
Estilo visual del globo
El globo 3D utiliza un tema oscuro de Mapbox que proporciona un aspecto limpio y profesional para visualizar datos de visitantes en tiempo real. Este estilo es consistente entre todos los usuarios y está diseñado para una legibilidad óptima de marcadores de visitantes y superposiciones.
Qué muestra el globo
La vista del globo incluye varios elementos visuales integrados:
| Elemento | Descripción |
|---|---|
| Base de mapa oscuro | Tema oscuro de Mapbox con bordes de países |
| Marcadores de visitantes | Marcadores de avatares DiceBear en ubicaciones de visitantes |
| Feed de actividad | Panel lateral que muestra la actividad reciente de visitantes |
| Superposición de estadísticas principales | Conteo de visitantes en vivo, valor estimado de visitante y fuentes de referencia principales |
| Reproductor de música | Música de fondo ambiental opcional que puedes activar o desactivar |
Diseño responsivo
El globo se adapta automáticamente al tamaño de tu pantalla:
- Escritorio: Vista completa con todas las superposiciones visibles
- Tableta: Diseño ajustado con controles de tamaño apropiado
- Móvil: Controles compactos y objetivos táctiles optimizados
No se requiere configuración responsive manual - el globo lo maneja automáticamente.
Etiqueta blanca para páginas de globo compartidas
Scale PlanLos clientes Scale y Enterprise pueden personalizar la apariencia de páginas de globo compartidas usando configuraciones de etiqueta blanca. Esto se aplica a enlaces compartidos públicos del globo (/share/globe/TOKEN).
Opciones de etiqueta blanca disponibles
| Configuración | Descripción |
|---|---|
| Eliminar marca Zenovay | Oculta el pie de página "Powered by Zenovay" en páginas compartidas |
| Color primario personalizado | Aplica el color de tu marca como variable CSS para acentos de UI |
Cómo funciona la etiqueta blanca
Cuando se carga un enlace de globo compartido:
- El token de compartición se verifica
- La configuración de etiqueta blanca se obtiene para el sitio web asociado
- Las variables CSS personalizadas se aplican (por ejemplo, color de marca primario)
- La visibilidad de la marca se establece según la configuración
Las configuraciones de etiqueta blanca se administran en el panel Agency (/agency) en la aplicación Zenovay. Se aplican a todas las páginas de globo compartidas de los sitios web de tu espacio de trabajo.
Personalización de widget HTML
Zenovay proporciona widgets HTML incorporables que están separados del globo 3D. Estos widgets muestran estadísticas simples de visitantes y se pueden personalizar.
Tipos de widget
| Widget | Descripción |
|---|---|
| Tiempo real | Conteo de visitantes en vivo con indicador pulsante |
| Vista previa | Línea de tiempo de visitantes de 24 horas con gráfico de líneas |
| Gráfico | Gráfico de barras de 30 minutos con desglose por país |
Opciones de personalización de widget
La apariencia del widget se configura a través del panel Widget Settings en tus configuraciones de dominio:
| Configuración | Descripción |
|---|---|
| Color primario | Color de acento principal para el widget (color hex) |
| Color secundario | Color secundario para gráficos y rellenos (color hex) |
| Tema | Tema claro, oscuro o de sistema |
| Tamaño de texto | Tamaño de fuente para el número de visualización principal |
| Ocultar marca | Elimina el pie de página "Powered by Zenovay" cuando tu espacio de trabajo tiene la eliminación de marca de etiqueta blanca habilitada (Scale y Enterprise) |
Aplicación de configuraciones de widget
- Ve a tus configuraciones de dominio
- Navega a la pestaña Widgets
- Activa o desactiva widgets
- Selecciona una pestaña de tipo de widget (Tiempo real, Vista previa o Gráfico)
- Ajusta colores, tema y tamaño de texto
- Visualiza el widget en tiempo real
- Copia el código de incrustación iframe generado
Las configuraciones de widget actualizan la vista previa inmediatamente para que puedas ver exactamente cómo se verá el widget antes de incrustarlo.
Mejores prácticas
Para presentaciones
- El tema oscuro del globo funciona bien en pantallas grandes y proyectores
- Utiliza modo de pantalla completa para máximo impacto visual
- El reproductor de música ambiental puede mejorar la experiencia durante demostraciones en vivo
Para enlaces compartidos
- La etiqueta blanca Scale y Enterprise elimina la marca Zenovay para una experiencia profesional orientada al cliente
- Los colores primarios personalizados ayudan a mantener la coherencia de marca en páginas compartidas
Para widgets incorporados
- Elige colores que complementen el diseño de tu sitio web
- Prueba los temas claro y oscuro contra el fondo de tu sitio
- Utiliza la opción de tema de sistema para coincidir automáticamente con las preferencias de los visitantes