3Dグローブのビジュアルデザインを理解し、共有グローブページおよび埋め込み可能なHTMLウィジェットで利用可能なカスタマイズオプションについて学びます。
グローブのビジュアルスタイル
3Dグローブは暗いMapboxテーマを使用しており、リアルタイム訪問者データを可視化するためのクリーンでプロフェッショナルな外観を提供します。このスタイルはすべてのユーザーで統一されており、訪問者マーカーとオーバーレイの最適な可読性のために設計されています。
グローブに表示される内容
グローブビューには、複数の組み込みビジュアル要素が含まれています:
| 要素 | 説明 |
|---|---|
| ダークマップベース | 国境付きMapbox暗いテーマ |
| 訪問者マーカー | 訪問者の場所にあるDiceBearアバターマーカー |
| アクティビティフィード | 最近の訪問者アクティビティを表示するサイドパネル |
| トップ統計オーバーレイ | ライブ訪問者数、推定訪問者価値、およびトップリファラーソース |
| ミュージックプレイヤー | オンまたはオフに切り替えられるオプションのアンビエント背景音楽 |
レスポンシブデザイン
グローブは画面サイズに自動的に適応します:
- デスクトップ: すべてのオーバーレイが表示されるフル機能ビュー
- タブレット: 適切なサイズのコントロール付き調整レイアウト
- モバイル: コンパクトなコントロールと最適化されたタッチターゲット
手動のレスポンシブ構成は必要ありません - グローブが自動的に処理します。
共有グローブページのホワイトラベル
Scale プランScaleおよびEnterpriseのお客様は、ホワイトラベル設定を使用して共有グローブページの外観をカスタマイズできます。これは公開グローブ共有リンク(/share/globe/TOKEN)に適用されます。
利用可能なホワイトラベルオプション
| 設定 | 説明 |
|---|---|
| Zenovayブランディングを削除 | 共有ページの「Powered by Zenovay」フッターを非表示にします |
| カスタムプライマリカラー | ブランドカラーをUI アクセントのCSS変数として適用します |
ホワイトラベルの仕組み
共有グローブリンクがロードされるとき:
- 共有トークンが検証されます
- 関連するウェブサイトのホワイトラベル構成が取得されます
- カスタムCSS変数が適用されます(例:プライマリブランドカラー)
- ブランディング可視性は構成に基づいて設定されます
ホワイトラベル設定はZenovayアプリのAgencyダッシュボード(/agency)で管理されます。これらはワークスペースのすべてのウェブサイトの共有グローブページに適用されます。
HTMLウィジェットのカスタマイズ
Zenovayは3Dグローブから独立した埋め込み可能なHTMLウィジェットを提供します。これらのウィジェットは簡単な訪問者統計を表示し、カスタマイズできます。
ウィジェットタイプ
| ウィジェット | 説明 |
|---|---|
| リアルタイム | パルス表示インジケーター付きのライブ訪問者数 |
| プレビュー | ラインチャート付きの24時間訪問者タイムライン |
| チャート | 国別内訳付き30分棒グラフ |
ウィジェットカスタマイズオプション
ウィジェットの外観はドメイン設定のウィジェット設定パネルを通じて構成されます:
| 設定 | 説明 |
|---|---|
| プライマリカラー | ウィジェットのメインアクセントカラー(16進色) |
| セカンダリカラー | グラフと塗りつぶしのセカンダリカラー(16進色) |
| テーマ | ライト、ダーク、またはシステムテーマ |
| テキストサイズ | メイン表示番号のフォントサイズ |
| ブランディングを非表示 | ワークスペースがホワイトラベルブランディング削除を有効にしている場合「Powered by Zenovay」フッターを削除します(ScaleおよびEnterprise) |
ウィジェット設定の適用
- ドメイン設定に移動します
- ウィジェットタブに移動します
- ウィジェットをオンまたはオフに切り替えます
- ウィジェットタイプタブ(リアルタイム、プレビュー、またはチャート)を選択します
- 色、テーマ、テキストサイズを調整します
- リアルタイムでウィジェットをプレビューします
- 生成されたiframe埋め込みコードをコピーします
ウィジェット設定はプレビューを直ちに更新するため、埋め込む前にウィジェットがどのように見えるかを正確に確認できます。
ベストプラクティス
プレゼンテーション向け
- ダークグローブテーマは大画面とプロジェクターに適しています
- 最大の視覚的インパクトのためにフルスクリーンモードを使用してください
- アンビエントミュージックプレイヤーはライブデモ中の体験を向上させることができます
共有リンク向け
- ScaleおよびEnterpriseホワイトラベルはプロフェッショナルなクライアント対応体験のためにZenovayブランディングを削除します
- カスタムプライマリカラーは共有ページでブランド一貫性を維持するのに役立ちます
埋め込みウィジェット向け
- ウェブサイトのデザインを補完する色を選択してください
- ウェブサイトの背景に対してライトとダークテーマの両方をテストしてください
- 訪問者の好みに自動的に一致するようにシステムテーマオプションを使用してください