El globo 3D es la característica insignia de Zenovay: una impresionante visualización en tiempo real que transforma tus datos de visitantes en una experiencia interactiva.
¿Qué es el globo 3D?
El globo 3D muestra tus visitantes del sitio web como marcadores en una visualización interactiva de la Tierra:
- Marcadores en tiempo real: Ve a los visitantes aparecer conforme llegan a tu sitio
- Información geográfica: Comprende instantáneamente tu alcance global
- Avatares DiceBear: Cada visitante recibe un avatar único basado en su ID de visitante
- Exploración interactiva: Rota, amplía y haz clic en marcadores para obtener detalles
Por qué el globo 3D es importante
Más allá de gráficos y números
El análisis tradicional muestra datos en tablas y gráficos. El globo 3D añade una nueva dimensión:
| Vista tradicional | Globo 3D |
|---|---|
| Números y porcentajes | Contexto geográfico visual |
| Instantáneas estáticas | Actividad en tiempo real |
| Datos abstractos | Representación tangible del visitante |
| Informes separados | Vista unificada del mundo |
Casos de uso
Presentaciones y reuniones
- Impresiona a los stakeholders con visualización en directo
- Demuestra tu alcance global a los inversores
- Muestra el desempeño de campañas en tiempo real
Dashboards de equipo
- Pantallas de oficina mostrando actividad en directo
- Salas de guerra de marketing
- Centros de comando de comercio electrónico
Motivación personal
- Ve a las personas reales visitando tu sitio
- Celebra alcanzar nuevos países
- Observa el crecimiento en tiempo real
Accediendo al globo
Desde el panel de control
- Abre tu panel de control de Zenovay
- Abre el panel de control de un sitio web y selecciona la pestaña Globo (en la barra lateral bajo el grupo Comportamiento)
- El globo carga con tus datos actuales de visitantes en tiempo real
Tu primer vistazo
Cuando abres el globo por primera vez, verás:
La Tierra
Una Tierra 3D renderizada con el tema oscuro de Mapbox:
- Fronteras de países visibles
- Esquema de color oscuro optimizado para la visibilidad de marcadores
- Animaciones suaves de rotación y zoom
Marcadores de visitantes
Marcadores de avatares DiceBear que representan visitantes:
- Ubicación: Dónde se encuentra aproximadamente el visitante (basado en geolocalización de IP)
- Tamaño: Se escala según la puntuación de valor del visitante (valor más alto = marcador más grande)
- Avatar: Avatar único de DiceBear Open Peeps generado a partir del ID del visitante
- Desvanecimiento: Los nuevos visitantes se desvanecen suavemente conforme aparecen
Feed de actividad
Un panel en la esquina inferior izquierda mostrando actividad reciente (solo en escritorio):
- Visitantes recientes, los más recientes primero
- Una bandera del país y un ID de visitante anonimizado por entrada
- La página que cada visitante está viendo
- Haz clic en cualquier visitante para que el globo vuele a su ubicación
Panel de estadísticas en vivo
El panel en la esquina superior izquierda muestra estadísticas en vivo:
- Conteo de visitantes activos (visitantes en el sitio ahora mismo)
- Principales referentes, países y dispositivos
- Haz clic en cualquier chip de desglose para filtrar los marcadores mostrados en el globo
Controles del globo
Los botones de acción se encuentran en el encabezado del panel de estadísticas en vivo en la esquina superior izquierda:
| Control | Acción |
|---|---|
| Compartir | Habilita el compartir y copia el enlace público del globo |
| Música | Alterna la música de fondo ambiental |
| Rotación automática | Alterna la rotación automática del globo |
| Pantalla completa | Alterna el modo de pantalla completa |
El botón Compartir solo aparece en tu propio panel de control, no en un enlace de compartir público.
Conceptos básicos de navegación del globo
Controles del ratón
| Acción | Control |
|---|---|
| Rotar | Haz clic y arrastra |
| Ampliar | Rueda de desplazamiento |
| Seleccionar marcador | Haz clic en un marcador de visitante |
Controles táctiles
En dispositivos táctiles:
- Rotar: Arrastra con un dedo
- Ampliar: Gesto de pellizco
- Seleccionar: Toca un marcador
Comprendiendo marcadores de visitantes
Apariencia del marcador
Cada marcador representa un visitante:
- Posición: Ubicación aproximada basada en geolocalización de IP, con geocodificación a nivel de ciudad cuando esté disponible
- Avatar DiceBear: Avatar único que permanece consistente para el mismo visitante
- Variación de tamaño: Los visitantes de alto valor (puntuación 80+) reciben marcadores más grandes y pueden tener accesorios de avatar
Precisión de ubicación
La geolocalización basada en IP es precisa a nivel de ciudad pero no en direcciones exactas. Esto es normal y protege la privacidad del visitante.
Si las coordenadas de un visitante parecen no confiables (más de 6,000 km del centro del país), el globo recurre a las coordenadas del centro del país e intenta geocodificación a nivel de ciudad a través de la API de Mapbox.
Actividad en tiempo real
El globo se actualiza en tiempo real usando suscripciones en tiempo real de Supabase:
Nuevos visitantes
Cuando alguien visita tu sitio:
- Un marcador aparece en su ubicación aproximada
- El feed de actividad se actualiza con el nuevo visitante
- La superposición de estadísticas refleja el nuevo conteo
Expiración del visitante
Los marcadores de visitantes se muestran durante una ventana de 2 minutos:
- Los marcadores representan visitantes que cargaron una página en los últimos 2 minutos
- Los marcadores más antiguos se eliminan automáticamente
- Se muestran hasta 50 marcadores activos a la vez
Actualización de respaldo
Además de las actualizaciones en tiempo real, el globo actualiza los datos cada pocos segundos como una red de seguridad y se pausa cuando la pestaña del navegador no es visible.
Consideraciones de desempeño
Requisitos del navegador
Para un desempeño óptimo del globo:
- Navegador compatible con WebGL (Chrome, Firefox, Safari, Edge)
- Aceleración de hardware habilitada
- Se recomienda RAM de 4GB+
Desempeño móvil
El globo funciona en dispositivos móviles pero:
- El consumo de batería aumenta con el renderizado 3D
- Puede retrasarse en dispositivos más antiguos
- Se recomienda orientación horizontal
Preguntas frecuentes
¿Por qué no veo ningún marcador?
- Verifica que el rastreo esté instalado correctamente en tu sitio web
- Verifica que tu sitio web esté recibiendo tráfico
- Asegúrate de que el globo esté conectado (verifica la consola del navegador para errores)
- Actualiza la página si el globo parece atascado
¿Por qué las ubicaciones son aproximadas?
La geolocalización basada en IP es precisa a nivel de ciudad pero no en direcciones exactas. El uso de VPN, las redes móviles y los proxies corporativos pueden afectar aún más la precisión.
¿Pueden los visitantes ver el globo?
Por defecto, el globo es solo visible en tu panel de control. Puedes habilitar un enlace de compartir público para permitir que cualquiera vea el globo con una URL única.
Próximos pasos
Ahora que entiendes lo básico: