Zum Hauptinhalt springen
Kostenlos10 minutesFortgeschrittene

Globe teilen & Widgets einbetten

Teilen Sie einen Live-3D-Globe über einen öffentlichen Link oder betten Sie einfache HTML-Besucher-Widgets auf Ihrer Website ein.

globesharewidgetembedpublic
Zuletzt aktualisiert:

Teilen Sie Ihren Live-3D-Globe über einen öffentlichen Link oder betten Sie einfache HTML-Besucher-Widgets auf Ihrer Website ein.

Der 3D Globe kann als ganzseitige öffentliche Seite geteilt werden, die Echtzeit-Besucherdaten anzeigt. Dies ist keine iframe-Einbettung – es ist eine eigenständige Seite, die jeder mit dem Link aufrufen kann.

So aktivieren Sie die Globe-Freigabe

  1. Globe-Ansicht öffnen

    Öffnen Sie das Dashboard Ihrer Website und wählen Sie die Registerkarte Globe.

  2. Teilen-Schaltfläche klicken

    Klicken Sie auf die Teilen-Schaltfläche in der Globe-Steuerleiste.

  3. Freigabe aktivieren

    Klicken Sie im Freigabe-Dialog, um die Globe-Freigabe zu aktivieren. Ein eindeutiger Freigabe-Token wird automatisch generiert.

  4. Link kopieren

    Kopieren Sie den generierten öffentlichen Link und teilen Sie ihn mit anderen.

https://app.zenovay.com/share/globe/YOUR_TOKEN

Die geteilte Globe-Seite zeigt:

  • Echtzeit-Besuchermarkierungen mit DiceBear-Avataren
  • Aktivitäts-Feed mit den neuesten Besuchern
  • Top-Statistiken-Overlay (Live-Besucherzähler, plus Top-Referrer, Länder und Geräte)
  • Musikplayer für Hintergrundmusik
  • Globe-Steuerungen (Teilen, Musik, Neuladen, Vollbild)

Freigabe deaktivieren

Sie können die Globe-Freigabe jederzeit deaktivieren:

  1. Öffnen Sie die Registerkarte Globe und klicken Sie auf die Teilen-Schaltfläche
  2. Schalten Sie die Freigabe aus
  3. Der bestehende Freigabelink funktioniert sofort nicht mehr

White-Label für geteilte Seiten

Enterprise Plan

Enterprise-Kunden können geteilte Globe-Seiten anpassen:

OptionBeschreibung
Branding entfernenBlendet die „Powered by Zenovay"-Fußzeile aus
Benutzerdefinierte PrimärfarbeWendet Ihre Markenfarbe auf UI-Elemente an

White-Label-Einstellungen werden in Ihrem Workspace im Bereich Agency konfiguriert und werden automatisch auf die geteilte Globe-Seite und eingebettete Widgets angewendet.

Sicherheit

Der Freigabe-Token bietet nur Lesezugriff auf Echtzeit-Besucherdaten auf dem Globe. Er kann nicht verwendet werden, um auf Ihr Dashboard zuzugreifen, Einstellungen zu ändern oder detaillierte Analysen einzusehen.

  • Freigabelinks sind öffentlich – jeder mit dem Link kann den Globe ansehen
  • Es werden nur aggregierte Besucherdaten angezeigt (Standort, besuchte Seite, Zeitpunkt)
  • Es werden keine personenbezogenen Daten preisgegeben
  • Sie können den Zugriff jederzeit widerrufen, indem Sie die Freigabe deaktivieren

HTML-Widget-Einbettungen (separat vom Globe)

Zusätzlich zur Globe-Freigabe bietet Zenovay einfache HTML-Widgets, die Besucherstatistiken anzeigen. Dies sind leichtgewichtige einbettbare Komponenten – sie sind keine 3D-Globe-Einbettungen.

Widget-Typen

WidgetEndpunktBeschreibung
Echtzeit/widgets/:trackingCode/realtimeLive-Besucherzähler mit pulsierender Anzeige
Vorschau/widgets/:trackingCode/preview24-Stunden-Besucher-Zeitdiagramm
Diagramm/widgets/:trackingCode/recent30-Minuten-Länderaufschlüsselung

Ein Widget einbetten

Widgets werden über iframes eingebettet. Konfigurieren Sie sie in Ihren Domain-Einstellungen unter dem Tab Widgets und kopieren Sie dann den generierten Einbettungscode.

<iframe
  src="https://api.zenovay.com/widgets/ZV_XXXXXXXXXXX/realtime?theme=dark&primaryColor=%236366f1"
  width="200"
  height="120"
  frameborder="0"
  style="border-radius: 12px; overflow: hidden;"
></iframe>

Widget-Anpassung

Widgets unterstützen die folgenden Parameter:

ParameterTypStandardBeschreibung
primaryColorstring#e78468Primäre Akzentfarbe (Hex)
secondaryColorstring#8dcdffSekundärfarbe für Diagramme (Hex)
themestringsystemDesign: light, dark oder system
mainTextSizenumber16Schriftgröße in Pixel für die Hauptanzeige (10 bis 32)
hideBrandingbooleanfalse„Powered by Zenovay"-Fußzeile ausblenden (wird automatisch festgelegt, wenn White-Label-Branding-Entfernung aktiviert ist)

Widget-Einstellungen im Dashboard

  1. Gehen Sie zu Ihren Domain-Einstellungen
  2. Navigieren Sie zum Tab Widgets
  3. Aktivieren Sie die Widgets
  4. Wählen Sie den Widget-Typ (Echtzeit, Vorschau oder Diagramm)
  5. Passen Sie Farben, Design und Textgröße an
  6. Zeigen Sie eine Live-Vorschau des Widgets an
  7. Kopieren Sie den iframe-Einbettungscode

Anwendungsfälle

Marketing-Website

Teilen Sie den Live-Globe-Link, um Ihre globale Reichweite zu demonstrieren:

  • Fügen Sie ihn als externen Link auf Ihrer Über-uns-Seite ein
  • Zeigen Sie ihn bei Kundenmeetings und Präsentationen
  • Nutzen Sie den Vollbildmodus für Bürodisplays

Kundenberichte

Teilen Sie den Globe mit Kunden:

  • Senden Sie den öffentlichen Link in Berichten oder E-Mails
  • Enterprise-White-Label entfernt das Zenovay-Branding für ein professionelles Erscheinungsbild

Büroanzeige

Zeigen Sie den Globe auf Bürobildschirmen:

  • Öffnen Sie den Freigabelink im Vollbildmodus
  • Aktivieren Sie den Musikplayer für Hintergrundmusik
  • Der Globe aktualisiert sich automatisch in Echtzeit

Website-Besucherzähler

Betten Sie HTML-Widgets auf Ihrer Website ein:

  • Zeigen Sie die Live-Besucherzahl mit dem Echtzeit-Widget
  • Stellen Sie 24-Stunden-Trends mit dem Vorschau-Widget dar
  • Zeigen Sie die geografische Aufschlüsselung mit dem Diagramm-Widget

Fehlerbehebung

  • Überprüfen Sie, dass die Freigabe in der Registerkarte Globe immer noch aktiviert ist (öffnen Sie das Freigabe-Panel)
  • Kopieren Sie den aktuellen Link erneut aus dem Freigabe-Panel, falls er sich geändert hat
  • Versuchen Sie, den Link in einem Inkognito-Fenster zu öffnen, um Browserprobleme auszuschließen

Widget lädt nicht

  • Bestätigen Sie, dass Widgets in den Domain-Einstellungen aktiviert sind
  • Überprüfen Sie, dass der Tracking-Code in der iframe-URL mit Ihrer Website übereinstimmt
  • Prüfen Sie, ob Werbeblocker iframe-Inhalte blockieren könnten
  • Stellen Sie sicher, dass die Widget-Endpunkt-URL korrekt ist

Leistungstipps

  • HTML-Widgets sind leichtgewichtig und laden schnell
  • Die geteilte Globe-Seite erfordert WebGL-Unterstützung im Browser des Betrachters
  • Die Globe-Leistung hängt vom Gerät und Browser des Betrachters ab

Nächste Schritte

War dieser Artikel hilfreich?