Zenovay は、すべてのページビューで各訪問者がどこまでスクロールしたかを記録します。ダッシュボードはこのシグナルを3つの実用的なサーフェスに変換します。
3つのサーフェス
- 「ページ」タブ → スクロール深度カード — 「ソース / ページ / 位置 / システム」カードの下にあるフル幅の行。これはオプショナルカードなので、まず 「カスタマイズ」 メニューから追加します(下記参照)。
- ヒートマップビュー → スクロールモード — ページのスクリーンショット上にグラデーションオーバーレイ
- セッション詳細 → 最大スクロール深度 — 訪問者カードの1行
マイルストーンの意味
各マイルストーンは、訪問者が初めてその閾値を超えた 最初の1回 だけ発火します。その後は静かになり、上下にスクロールしても再発火しません。SPA ではルート変更(pushState / replaceState)時に状態がリセットされ、新しいルートで5つのマイルストーンを初めから発火できます。
| マイルストーン | わかりやすい意味 |
|---|---|
| 25% | 「ヒーロー / 冒頭セクションを超えて読んだ」 |
| 50% | 「ページの半分まで到達」 |
| 75% | 「コンテンツ / CTA の終盤に接近」 |
| 90% | 「可読コンテンツの最下端」 |
| 100% | 「フッターに到達」 |
ファネルチャートの読み方
ドメインを開いて 「ページ」 タブに留まります。スクロール深度カードはデフォルトではオフなので、ダッシュボード上部の 「カスタマイズ」(スライダーアイコン)をクリックし、スクロール深度カードをオンにして、引き出しを閉じます。これはブレークダウンカードの下のフル幅の行にレンダリングされます。各行は1ページで、中央のミニチャートには単一のアクセントカラーで5本の棒が描画され、ベースラインに揃えられ、高さは到達率に比例します。スクロール深度は単調(50% 到達率は常に 25% 到達率以下)であるため、棒は自然と降りる階段を形成します。この形そのものが ファネル です。
健全な長文ページ:
/blog/long-post 80% • 45% • 18% • 6% • 0%
約80%がヒーローを超え、45%が半分を読み、75%に到達したのは18%だけ。
強い関与のある短いページ:
/checkout-thanks 95% • 90% • 80% • 70% • 50%
ほとんどが全体を見ています — 短いトランザクションページに典型的です。
ファーストビューでのバウンス:
/landing-2 30% • 5% • 1% • 0% • 0%
3分の2が4分の1すら読まずに離脱 — ヒーローのコピー、読み込み時間、レイアウトシフトを調査しましょう。
最もよくある診断パターンは、隣り合うマイルストーン間での急激な低下です(長い棒の後に突然短い棒が続く)。セールスページで 19%(75%)→ 6%(90%)の落ち込みは、ページ末尾の何か(通常は CTA の直前)が読者を失っていることを意味します。
マイルストーンごとの正確な % は各棒の下に直接表示されます — ホバー不要です。期間中の訪問者数が10未満のページ(または実質的にスクロール・エンゲージメントがないページ)は 「low signal」 と表示され、ビューを支配しないよう暗く表示されます。
サブドメインの区別
トラッキングコードが複数のサブドメインで使われている場合 — 例えば zenovay.com と docs.zenovay.com が同じトラッカーを使用 — サブドメイン × パスの組み合わせごとに別の行が表示されます。ホスト名は太字のパスの前に控えめなプレフィックスとして表示され、zenovay.com/en/ と docs.zenovay.com/en/ を一目で見分けられます。
デフォルトでは 上位5ページ が表示され、「Show all N pages」ボタンで残りを固定高さのスクロール領域内に展開できます。カードの高さは隣接するカードと同じに保たれます。
100% マイルストーンについて
トラッカーは、訪問者がスクロール可能な領域をどこまで移動したかを測定します: scrollTop / (documentHeight − viewportHeight) × 100、ただし100でキャップされます。ページがビューポートより短い場合(スクロールするものがない)か訪問者が最下部に到達した場合、トラッカーは直接100を報告します。小さな許容値があり、フッターパディングが直前に留まることはありません。100% マイルストーンは、訪問者がその印を超えたときに発火します。ページに「1.8% が 100% に到達」と表示されている場合、それはフッターまで本当にたどり着いた訪問者の割合です。
スクロールヒートマップの読み方
ヒートマップビューで、上部のセグメントコントロールの スクロール ボタンをクリックします。ヒートマップはスクリーンショット上の縦方向グラデーションとして再描画されます。赤い帯 = 多くの人が到達、青い帯 = 少ない。
ページ上部はすべての訪問者が到達するため、スクリーンショットの上端は常に最も「熱い」色になります。ヒートマップで以下を見つけましょう:
- 急峻な遷移 — 突然冷たくなるゾーンは特定のデザイン要素に対応します(ヒーローの終端、レイアウトシフト、重い広告ブロック、CTA の配置)
- 長く暖かい裾 — ほとんどが深く読んでいます。コンテンツの魅力に感謝
- 冷たい中盤と暖かい末尾 — 「CTA へジャンプ」パターン。スティッキー・アンカーリンクでよく見られます
情報
スクロールヒートマップにはページのスクリーンショットが必要です。ヒートマップを有効化した最初のページビューでスクリーンショットが自動取得されます。有効化後、数分お待ちください。
セッション詳細の最大スクロール深度の読み方
ライブグローブから訪問者をクリックするか、訪問者リストから開くと、サイドパネルに 「ページビュー数」 と 「セッション時間」 の横に 最大スクロール深度: X% が表示されます。
セッションの全ページを通じてその訪問者が到達した最深点です。単一セッションのトリアージに有用です:
- 長文ページで 12% 最大 → バウンスの可能性が高い
- 長文ページで 100% 最大 → セッション時間に関係なく非常に高い関与
- 短いページで 40-60% → 典型的、対処不要
プラン要件
スクロール深度トラッキングは ヒートマップ機能 の一部で、Pro プラン以上 が必要です。Free プランのウェブサイトではスクロールイベントを記録しないため、棒グラフは空の状態になります。
プライバシー
スクロール深度の状態は、ページの読み込み中はトラッカーのメモリ内のみに保持されます。Cookie も localStorage も使用しません。 Cookie 同意バナーはこの機能を制御しません。
Zenovay は Sec-GPC: 1 ヘッダー(Global Privacy Control)を尊重します: 訪問者のブラウザがこれを送信する場合、行動エンリッチメント(企業識別と人口統計推論など)はオフになり、訪問者行はオプトアウトとしてフラグが立てられます。スクロール深度の測定自体は、Zenovay がすべてのトラフィックに対して保持する同じ Cookie レス、ウィンドウスコープの信号です。
棒グラフが空の場合
よくある理由:
- ウェブサイトが Free プラン上にある — ヒートマップを有効化するために Pro にアップグレードしてください。
- ヒートマップを有効化したばかり — ライブトラフィックが入るまで数分お待ちください。
- 選択期間にトラフィックがない — 直近30日間に拡大してください。
- 非常に短いページ — 訪問者は1ビューポートで100%に到達します。グラフは正しく表示します(多くの場合、単一ビューポートページで 100/100/100/100/100%)。