Erfahren Sie mehr über das visuelle Design des 3D-Globus und die verfügbaren Anpassungsoptionen für geteilte Globus-Seiten und einbettbare HTML-Widgets.
Visueller Stil des Globus
Der 3D-Globus verwendet ein dunkles Mapbox-Theme, das ein sauberes, professionelles Erscheinungsbild für die Visualisierung von Echtzeit-Besucherdaten bietet. Dieser Stil ist für alle Nutzer einheitlich und wurde für optimale Lesbarkeit von Besucher-Markierungen und Overlays entwickelt.
Was der Globus anzeigt
Die Globus-Ansicht enthält mehrere integrierte visuelle Elemente:
| Element | Beschreibung |
|---|---|
| Dunkle Kartenbasis | Mapbox Dark-Theme mit Ländergrenzen |
| Besucher-Markierungen | DiceBear-Avatar-Markierungen an Besucherstandorten |
| Aktivitäts-Feed | Seitenpanel mit aktueller Besucheraktivität |
| Top-Statistik-Overlay | Live-Besucherzahl, geschätzte Besucherwert und Top-Referrer-Quellen |
| Musik-Player | Optionale Ambient-Hintergrundmusik, die Sie aktivieren oder deaktivieren können |
Responsives Design
Der Globus passt sich automatisch an Ihre Bildschirmgröße an:
- Desktop: Vollständige Ansicht mit allen sichtbaren Overlays
- Tablet: Angepasstes Layout mit entsprechend dimensionierten Steuerelementen
- Mobil: Kompakte Steuerelemente und optimierte Touch-Ziele
Eine manuelle responsive Konfiguration ist nicht erforderlich – der Globus übernimmt dies automatisch.
White-Label für geteilte Globus-Seiten
Scale PlanScale- und Enterprise-Kunden können das Erscheinungsbild geteilter Globus-Seiten mithilfe von White-Label-Einstellungen anpassen. Dies gilt für öffentliche Globus-Freigabelinks (/share/globe/TOKEN).
Verfügbare White-Label-Optionen
| Einstellung | Beschreibung |
|---|---|
| Zenovay-Branding entfernen | Blendet die „Powered by Zenovay"-Fußzeile auf geteilten Seiten aus |
| Benutzerdefinierte Primärfarbe | Wendet Ihre Markenfarbe als CSS-Variable für UI-Akzente an |
Wie White-Label funktioniert
Wenn ein geteilter Globus-Link geladen wird:
- Das Freigabe-Token wird überprüft
- Die White-Label-Konfiguration wird für die zugehörige Website abgerufen
- Benutzerdefinierte CSS-Variablen werden angewendet (z. B. primäre Markenfarbe)
- Die Sichtbarkeit des Brandings wird basierend auf der Konfiguration festgelegt
White-Label-Einstellungen werden im Agency-Dashboard (/agency) in der Zenovay-App verwaltet. Sie gelten für alle geteilten Globus-Seiten der Websites Ihres Workspaces.
HTML-Widget-Anpassung
Zenovay bietet einbettbare HTML-Widgets an, die vom 3D-Globus getrennt sind. Diese Widgets zeigen einfache Besucherstatistiken an und können angepasst werden.
Widget-Typen
| Widget | Beschreibung |
|---|---|
| Realtime | Live-Besucherzahl mit pulsierendem Indikator |
| Preview | 24-Stunden-Besucher-Zeitachse mit Liniendiagramm |
| Chart | 30-Minuten-Balkendiagramm mit Länderaufschlüsselung |
Widget-Anpassungsoptionen
Das Erscheinungsbild der Widgets wird über das Widget-Einstellungspanel in Ihren Domain-Einstellungen konfiguriert:
| Einstellung | Beschreibung |
|---|---|
| Primärfarbe | Haupt-Akzentfarbe für das Widget (Hex-Farbcode) |
| Sekundärfarbe | Sekundäre Farbe für Diagramme und Füllungen (Hex-Farbcode) |
| Theme | Helles, dunkles oder System-Theme |
| Textgröße | Schriftgröße für die Hauptanzeigezahl |
| Branding ausblenden | Entfernt die „Powered by Zenovay"-Fußzeile, wenn Ihr Workspace White-Label-Branding-Entfernung aktiviert hat (Scale und Enterprise) |
Widget-Einstellungen anwenden
- Gehen Sie zu Ihren Domain-Einstellungen
- Navigieren Sie zum Tab Widgets
- Aktivieren oder deaktivieren Sie Widgets
- Wählen Sie einen Widget-Typ-Tab (Realtime, Preview oder Chart)
- Passen Sie Farben, Theme und Textgröße an
- Sehen Sie sich die Widget-Vorschau in Echtzeit an
- Kopieren Sie den generierten iframe-Einbettungscode
Widget-Einstellungen aktualisieren die Vorschau sofort, sodass Sie genau sehen können, wie das Widget vor dem Einbetten aussehen wird.
Best Practices
Für Präsentationen
- Das dunkle Globus-Theme eignet sich gut für große Bildschirme und Projektoren
- Verwenden Sie den Vollbildmodus für maximale visuelle Wirkung
- Der Ambient-Musik-Player kann das Erlebnis bei Live-Demos bereichern
Für geteilte Links
- Scale- und Enterprise-White-Label entfernt das Zenovay-Branding für ein professionelles, kundenorientiertes Erscheinungsbild
- Benutzerdefinierte Primärfarben helfen, die Markenkonsistenz auf geteilten Seiten zu wahren
Für eingebettete Widgets
- Wählen Sie Farben, die zum Design Ihrer Website passen
- Testen Sie sowohl das helle als auch das dunkle Theme vor dem Hintergrund Ihrer Website
- Verwenden Sie die System-Theme-Option, um sich automatisch an die Präferenzen der Besucher anzupassen