Comprenez la conception visuelle du globe 3D et apprenez les options de personnalisation disponibles pour les pages de globe partagées et les widgets HTML intégrables.
Style visuel du globe
Le globe 3D utilise un thème Mapbox sombre qui offre un aspect propre et professionnel pour visualiser les données de visiteurs en temps réel. Ce style est cohérent pour tous les utilisateurs et est conçu pour une lisibilité optimale des marqueurs de visiteurs et des superpositions.
Ce que le globe affiche
La vue du globe inclut plusieurs éléments visuels intégrés :
| Élément | Description |
|---|---|
| Base de carte sombre | Thème sombre Mapbox avec frontières des pays |
| Marqueurs de visiteurs | Marqueurs d'avatars DiceBear aux localisations des visiteurs |
| Flux d'activité | Panneau latéral montrant l'activité récente des visiteurs |
| Superposition de statistiques principales | Nombre de visiteurs en direct, valeur estimée des visiteurs et sources de référence principales |
| Lecteur de musique | Musique de fond ambiante optionnelle que vous pouvez activer ou désactiver |
Conception adaptative
Le globe s'adapte automatiquement à la taille de votre écran :
- Ordinateur de bureau : vue complète avec tous les superpositions visibles
- Tablette : mise en page ajustée avec contrôles de taille appropriée
- Mobile : contrôles compacts et cibles tactiles optimisées
Aucune configuration responsive manuelle n'est nécessaire - le globe gère cela automatiquement.
Marque blanche pour les pages de globe partagées
Scale PlanLes clients Scale et Enterprise peuvent personnaliser l'apparence des pages de globe partagées en utilisant les paramètres de marque blanche. Cela s'applique aux liens de partage de globe publiques (/share/globe/TOKEN).
Options de marque blanche disponibles
| Paramètre | Description |
|---|---|
| Supprimer la marque Zenovay | Masque le pied de page "Powered by Zenovay" sur les pages partagées |
| Couleur primaire personnalisée | Applique votre couleur de marque comme variable CSS pour les accents de l'interface utilisateur |
Comment fonctionne la marque blanche
Quand un lien de globe partagé est chargé :
- Le jeton de partage est vérifié
- La configuration de marque blanche est récupérée pour le site Web associé
- Les variables CSS personnalisées sont appliquées (par exemple, couleur de marque primaire)
- La visibilité de la marque est définie en fonction de la configuration
Les paramètres de marque blanche sont gérés dans le tableau de bord Agency (/agency) dans l'application Zenovay. Ils s'appliquent à toutes les pages de globe partagées pour les sites Web de votre espace de travail.
Personnalisation du widget HTML
Zenovay fournit des widgets HTML intégrables qui sont séparés du globe 3D. Ces widgets affichent des statistiques de visiteurs simples et peuvent être personnalisés.
Types de widgets
| Widget | Description |
|---|---|
| Temps réel | Nombre de visiteurs en direct avec indicateur pulsant |
| Aperçu | Chronologie des visiteurs de 24 heures avec graphique linéaire |
| Graphique | Graphique en barres de 30 minutes avec répartition par pays |
Options de personnalisation du widget
L'apparence du widget est configurée via le panneau Paramètres du widget dans les paramètres de votre domaine :
| Paramètre | Description |
|---|---|
| Couleur primaire | Couleur d'accent principale pour le widget (couleur hex) |
| Couleur secondaire | Couleur secondaire pour les graphiques et les remplissages (couleur hex) |
| Thème | Thème clair, sombre ou système |
| Taille du texte | Taille de la police pour le nombre d'affichage principal |
| Masquer la marque | Supprime le pied de page "Powered by Zenovay" lorsque votre espace de travail a la suppression de la marque de marque blanche activée (Scale et Enterprise) |
Application des paramètres du widget
- Allez à vos paramètres de domaine
- Accédez à l'onglet Widgets
- Activez ou désactivez les widgets
- Sélectionnez un onglet de type widget (Temps réel, Aperçu ou Graphique)
- Ajustez les couleurs, le thème et la taille du texte
- Prévisualisez le widget en temps réel
- Copiez le code d'intégration iframe généré
Les paramètres du widget mettent à jour l'aperçu immédiatement afin que vous puissiez voir exactement comment le widget ressemblera avant de l'intégrer.
Meilleures pratiques
Pour les présentations
- Le thème sombre du globe fonctionne bien sur les grands écrans et les projecteurs
- Utilisez le mode plein écran pour un impact visuel maximum
- Le lecteur de musique ambiante peut améliorer l'expérience lors de démonstrations en direct
Pour les liens partagés
- La marque blanche Scale et Enterprise supprime la marque Zenovay pour une expérience professionnelle face aux clients
- Les couleurs primaires personnalisées aident à maintenir la cohérence de la marque sur les pages partagées
Pour les widgets intégrés
- Choisissez des couleurs qui complètent la conception de votre site Web
- Testez les thèmes clairs et sombres sur le fond de votre site
- Utilisez l'option de thème système pour correspondre automatiquement aux préférences des visiteurs