3Dグローブはゼノヴェイの象徴的な機能です。リアルタイムの素晴らしいビジュアライゼーションが、訪問者データをインタラクティブなエクスペリエンスに変換します。

3Dグローブとは?
3Dグローブは、ウェブサイト訪問者をインタラクティブな地球ビジュアライゼーション上のマーカーとして表示します:
- リアルタイムマーカー: 訪問者がサイトに到着すると同時に表示される
- 地理的情報: グローバルリーチを即座に理解
- DiceBearアバター: 各訪問者は訪問者IDに基づいた一意のアバターを取得
- インタラクティブな探索: マーカーを回転、ズーム、クリックして詳細を表示
3Dグローブが重要な理由
グラフと数字以上のもの
従来の分析は、データをテーブルとグラフで表示します。3Dグローブは新しい次元を追加します:
| 従来のビュー | 3Dグローブ |
|---|---|
| 数字と百分率 | ビジュアル地理情報 |
| 静的なスナップショット | リアルタイムアクティビティ |
| 抽象的なデータ | 具体的な訪問者表現 |
| 別個のレポート | 統一された世界ビュー |
ユースケース
プレゼンテーションと会議
- ライブビジュアライゼーションでステークホルダーを感動させる
- 投資家にグローバルリーチを示す
- リアルタイムキャンペーン成績を表示
チームダッシュボード
- ライブアクティビティを表示するオフィス画面
- マーケティングウォールーム
- eコマースコマンドセンター
個人的なモチベーション
- サイトを訪問している実際の人々を見る
- 新しい国への到達を祝う
- リアルタイムで成長を監視
グローブへのアクセス
ダッシュボードから
- Zenovayダッシュボードを開く
- ウェブサイトのダッシュボードを開き、グローブタブを選択(サイドバーの行動グループの下)
- グローブが現在のリアルタイム訪問者データで読み込まれます
最初の見方
グローブを初めて開くと、次のように見えます:
地球
Mapboxダークテーマでレンダリングされた3D地球:
- 国の境界が見える
- マーカー可視性に最適化されたダークカラースキーム
- スムーズな回転とズームアニメーション
訪問者マーカー
訪問者を表すDiceBearアバターマーカー:
- 場所: 訪問者の概算位置(IPジオロケーションに基づく)
- サイズ: 訪問者の価値スコアに基づいてスケーリング(価値が高い = マーカーが大きい)
- アバター: 訪問者IDから生成された一意のDiceBear Open Peepsアバター
- フェードイン: 新しい訪問者が出現するとスムーズにフェードイン
アクティビティフィード
左下隅のパネルに最近のアクティビティを表示(デスクトップのみ):
- 最新順の最近の訪問者
- エントリごとに国旗と匿名化された訪問者ID
- 各訪問者が閲覧しているページ
- 訪問者をクリックしてグローブをその場所に飛ばす
ライブ統計パネル
左上隅のパネルにはライブ統計が表示されます:
- アクティブな訪問者数(現在サイト上の訪問者)
- トップリファラー、国、デバイス
- グローブに表示されるマーカーをフィルタリングするブレークダウンチップをクリック
グローブコントロール
アクションボタンは左上のライブ統計パネルのヘッダーにあります:
| コントロール | アクション |
|---|---|
| シェア | 共有を有効にし、公開グローブリンクをコピー |
| 音楽 | 環境背景音楽をトグル |
| 自動回転 | グローブの自動回転をトグル |
| フルスクリーン | フルスクリーンモードをトグル |
シェアボタンは自分のダッシュボードにのみ表示され、公開共有リンクには表示されません。
グローブナビゲーションの基本
マウスコントロール
| アクション | コントロール |
|---|---|
| 回転 | クリックしてドラッグ |
| ズーム | スクロールホイール |
| マーカーを選択 | 訪問者マーカーをクリック |
タッチコントロール
タッチデバイスでは:
- 回転: 1本指ドラッグ
- ズーム: ピンチジェスチャー
- 選択: マーカーをタップ
訪問者マーカーを理解する
マーカーの外観
各マーカーは訪問者を表します:
- 位置: IPジオロケーションに基づく概算位置、利用可能な場合は都市レベルのジオコーディング
- DiceBearアバター: 同じ訪問者に対して一貫性を保つ一意のアバター
- サイズの変動: 高価値訪問者(スコア80以上)はより大きなマーカーを取得し、アバターアクセサリーを持つ可能性があります
位置精度
IPベースのジオロケーションは都市レベルでは正確ですが、正確なアドレスではありません。これは正常であり、訪問者のプライバシーを保護します。
訪問者の座標が信頼できないように見える場合(国の中心から6,000km以上)、グローブは国の中心座標にフォールバックし、Mapbox APIを介して都市レベルのジオコーディングを試みます。
リアルタイムアクティビティ
グローブはSupabaseのリアルタイムサブスクリプションを使用してリアルタイムで更新します:
新しい訪問者
誰かがサイトを訪問するとき:
- マーカーがその概算位置に表示される
- アクティビティフィードが新しい訪問者で更新される
- 統計オーバーレイが新しい数を反映
訪問者の期限切れ
訪問者マーカーはローリング2分ウィンドウで表示されます:
- マーカーは過去2分以内にページをロードした訪問者を表します
- 古いマーカーは自動的に削除されます
- 最大50個のアクティブマーカーが一度に表示されます
フォールバック更新
リアルタイム更新に加えて、グローブはセーフティネットとして数秒ごとにデータを更新し、ブラウザタブが表示されていない場合は一時停止します。
パフォーマンスに関する考慮事項
ブラウザ要件
グローブの最適なパフォーマンスのために:
- WebGL対応ブラウザ(Chrome、Firefox、Safari、Edge)
- ハードウェアアクセラレーション有効
- 4GB以上のRAMが推奨される
モバイルパフォーマンス
グローブはモバイルで動作しますが:
- 3Dレンダリングでバッテリー消費が増加
- 古いデバイスでは遅延する可能性がある
- 横向きの向きが推奨される
よくある質問
マーカーが見えないのはなぜですか?
- ウェブサイトにトラッキングが正しくインストールされていることを確認
- ウェブサイトがトラフィックを受信していることを確認
- グローブが接続されていることを確認(エラーについてはブラウザコンソールを確認)
- グローブが詰まっているようであればページを更新
位置が概算なのはなぜですか?
IPベースのジオロケーションは都市レベルでは正確ですが、正確なアドレスではありません。VPN使用、モバイルネットワーク、企業プロキシは精度にさらに影響を与える可能性があります。
訪問者はグローブを見ることができますか?
デフォルトでは、グローブはダッシュボードにのみ表示されます。公開共有リンクを有効にして、誰もが一意のURLでグローブを表示できるようにすることができます。
次のステップ
基本を理解しました: