Google Analytics 4でスクロール率を計測する方法|GTMで10%刻み計測まで解説

2025/11/18

2025/11/18

2025/11/18

Cozies編集部

Cozies編集部

Cozies編集部

  • スクロール率計測の重要性や意義がわかる

  • GA4におけるスクロール率計測の方法がわかる

  • スクロール率を計測するための設定ができる

この記事でわかること

  • スクロール率計測の重要性や意義がわかる

  • GA4におけるスクロール率計測の方法がわかる

  • スクロール率を計測するための設定ができる

この記事でわかること

  • スクロール率計測の重要性や意義がわかる

  • GA4におけるスクロール率計測の方法がわかる

  • スクロール率を計測するための設定ができる

この記事でわかること

「記事のPVは伸びているのに、ユーザーがどこまで読んでいるのか分からない」「離脱が多いページの改善点を見つけたい」


そんな悩みを抱えているウェブマーケターは多いのではないでしょうか。


Google Analytics 4(GA4)には標準でスクロール率を計測する機能が搭載されていますが、デフォルト設定では90%到達時のみしか計測できません。これでは「記事の途中で離脱している理由」や「どの見出しで読者が飽きてしまうのか」といった詳細な分析が困難です。


しかし、Google Tag Manager(GTM)を活用することで、10%、25%、50%、75%、90%といったように10%刻みでの詳細なスクロール率計測が可能になります。


本記事では、GA4での基本的な設定方法からGTMを使った詳細計測の手順、設定時の注意点、そして実務でのデータ活用方法まで、スクロール率計測のすべてを解説します。



目次

  1. スクロール率とは?|どこまで読まれているかの指標

  2. スクロール率が重要な理由|ウェブ改善にどう役立つか

  3. GA4標準機能でのスクロール計測|90%到達のみ

  4. より詳細に計測するならGTMを導入すべき

  5. 【手順】GA4のみでスクロール率を設定する5ステップ

     ステップ1. GA4の管理画面で、メニュー左下にある「管理」をクリック

     ステップ2. 管理タブのプロパティにある「データストリーム」を選択

     ステップ3. スクロール率を設定したいサイト名を選択

     ステップ4. 歯車アイコンをクリック

     ステップ5. スクロール計測を有効化

  6. 【手順】GTMで10%刻みスクロール率を設定する6ステップ

     ステップ1. GTMでワークスペースを作成

     ステップ2. GA4設定タグを追加

     ステップ3. スクロール深度(Scroll Depth Threshold)変数の有効化

     ステップ4. スクロール距離のトリガー設定

     ステップ5. GA4イベントタグを作成

     ステップ6. GTMのワークスペース公開で設定反映

  7. スクロール率設定の際に気をつける3つの注意点

     GA4拡張計測は90%のみ

     二重計測を避ける

     廃止済みタグの削除

  8. データ活用のコツ|レポートと改善への落とし込み

  9. まとめ|正しくスクロール率を設定してウェブ改善を加速

  10. よくある質問

  1. スクロール率とは?|どこまで読まれているかの指標

  2. スクロール率が重要な理由|ウェブ改善にどう役立つか

  3. GA4標準機能でのスクロール計測|90%到達のみ

  4. より詳細に計測するならGTMを導入すべき

  5. 【手順】GA4のみでスクロール率を設定する5ステップ

     ステップ1. GA4の管理画面で、メニュー左下にある「管理」をクリック

     ステップ2. 管理タブのプロパティにある「データストリーム」を選択

     ステップ3. スクロール率を設定したいサイト名を選択

     ステップ4. 歯車アイコンをクリック

     ステップ5. スクロール計測を有効化

  6. 【手順】GTMで10%刻みスクロール率を設定する6ステップ

     ステップ1. GTMでワークスペースを作成

     ステップ2. GA4設定タグを追加

     ステップ3. スクロール深度(Scroll Depth Threshold)変数の有効化

     ステップ4. スクロール距離のトリガー設定

     ステップ5. GA4イベントタグを作成

     ステップ6. GTMのワークスペース公開で設定反映

  7. スクロール率設定の際に気をつける3つの注意点

     GA4拡張計測は90%のみ

     二重計測を避ける

     廃止済みタグの削除

  8. データ活用のコツ|レポートと改善への落とし込み

  9. まとめ|正しくスクロール率を設定してウェブ改善を加速

  10. よくある質問

  1. スクロール率とは?|どこまで読まれているかの指標

  2. スクロール率が重要な理由|ウェブ改善にどう役立つか

  3. GA4標準機能でのスクロール計測|90%到達のみ

  4. より詳細に計測するならGTMを導入すべき

  5. 【手順】GA4のみでスクロール率を設定する5ステップ

     ステップ1. GA4の管理画面で、メニュー左下にある「管理」をクリック

     ステップ2. 管理タブのプロパティにある「データストリーム」を選択

     ステップ3. スクロール率を設定したいサイト名を選択

     ステップ4. 歯車アイコンをクリック

     ステップ5. スクロール計測を有効化

  6. 【手順】GTMで10%刻みスクロール率を設定する6ステップ

     ステップ1. GTMでワークスペースを作成

     ステップ2. GA4設定タグを追加

     ステップ3. スクロール深度(Scroll Depth Threshold)変数の有効化

     ステップ4. スクロール距離のトリガー設定

     ステップ5. GA4イベントタグを作成

     ステップ6. GTMのワークスペース公開で設定反映

  7. スクロール率設定の際に気をつける3つの注意点

     GA4拡張計測は90%のみ

     二重計測を避ける

     廃止済みタグの削除

  8. データ活用のコツ|レポートと改善への落とし込み

  9. まとめ|正しくスクロール率を設定してウェブ改善を加速

  10. よくある質問

スクロール率とは?|どこまで読まれているかの指標


スクロール率とは、ユーザーがウェブページを縦方向に何パーセントまでスクロール(閲覧)したかを示す指標です。


例えば、記事の半分まで読んだユーザーのスクロール率は50%、最後まで読み切った場合は90%以上となります。


GA4では、この行動を「スクロール」イベントとして記録し、percent_scrolledというパラメータに具体的な数値を格納します。ただし、GA4の標準設定では90%に到達した時点で1回だけイベントが発生するため、途中での離脱パターンを詳細に分析することはできません。


実務においては、スクロール率データを活用することで


  • 読了率の把握:どれだけのユーザーが記事を最後まで読んでいるか

  • 離脱地点の特定:ユーザーがどのセクションで離脱しやすいか

  • コンテンツ改善の優先度決定:改善すべき箇所の特定


といった分析が可能になります。



スクロール率が重要な理由|ウェブ改善にどう役立つか


スクロール率は、単なる数値指標ではありません。ユーザーのページ内行動を可視化し、具体的な改善アクションにつなげるための重要なデータです。


例えば、50%地点でのスクロール率が極端に低い場合、そのセクションに以下のような問題があることが推測できます。


  • 見出しの内容が読者の期待と乖離している

  • 画像やイラストのサイズが大きすぎてスクロールを阻害している

  • 文章が読みにくく、ユーザーが離脱している

  • 広告の配置が不適切でユーザビリティを損なっている


このように、スクロール率データは改善仮説を立てるための客観的な根拠となり、感覚に頼らないデータドリブンなウェブサイト改善のPDCAサイクルを回すことができます。


特にコンテンツマーケティングにおいては、記事の質を定量的に評価し、読者にとって価値のあるコンテンツ制作につなげるための必須指標と言えるでしょう。



GA4標準機能でのスクロール計測|90%到達のみ


GA4には「拡張計測機能」の一部として、スクロール計測機能が標準搭載されています。この機能を有効にすると、ユーザーがページの90%地点までスクロールした時点で「スクロール」イベントが1回発生します。


メリット:


  • 設定が非常に簡単(数分で完了)

  • 追加のツール導入が不要

  • GA4の標準仕様に沿った計測が可能


デメリット:


  • 90%到達時の1回のみしか計測できない

  • 記事本文での離脱傾向を詳細に分析できない

  • 改善のための具体的なアクションプランが立てにくい


GA4標準機能で計測したスクロールデータは、GA4の「探索」機能を使って分析できます。


具体的には、探索レポートで自由形式を選択し、eventName=scrollでフィルタリングし、Percent scrolledディメンションと組み合わせることで、スクロール率の分布を確認できます。


ただし、90%という単一の計測地点では、「読者がどのセクションで最も離脱しているか」「記事の構成に問題があるのはどの部分か」といった詳細な分析には限界があります。



より詳細に計測するならGTMを導入すべき


GA4標準機能の90%計測では不十分な場合、Google Tag Manager(GTM)を活用することで、10%、25%、50%、75%、90%など任意の閾値でスクロール率を計測できます。


GTMでスクロール率を設定する際、イベント設計には主に2つのパターンがあります。


方式A:スクロールイベント+パラメータ方式


  • イベント名:scroll

  • パラメータ:percent_scrolledに具体的な数値(25、50など)を格納

  • メリット:GA4公式仕様に準拠し、将来のアップデートに対応しやすい


方式B:個別イベント名方式


  • イベント名:scroll_25scroll_50scroll_75など閾値ごとに分ける

  • メリット:レポート作成が直感的で分かりやすい場合がある


一般的には、GA4の標準仕様との整合性を考慮し、方式Aのスクロールイベント+パラメータ方式を採用することを推奨します。ただし、社内のレポート運用や分析チームの技術レベルに応じて、最適な方式を選択してください。



【手順】GA4のみでスクロール率を設定する5ステップ


GA4標準機能でスクロール率を計測する手順は以下の通りです。


ステップ1. GA4の管理画面で、メニュー左下にある「管理」をクリック


まず、GA4管理画面にアクセスしGA4管理画面左下の「管理」をクリックします。


GA4ホーム画面



ステップ2. 管理タブのプロパティにある「データストリーム」を選択


次に、データストリームを選択し、プロパティ列から「データストリーム」を選択します。


GA4管理画面


ステップ3. スクロール率を設定したいサイト名を選択


続いて、スクロール率を計測したいウェブサイトのデータストリームをクリックし、詳細画面を開きます。


GA4 データストリーム


ステップ4. 歯車アイコンをクリック

 

「拡張計測」セクションの歯車アイコンをクリックして設定画面を開きます。


GA4 ウェブストリーム


ステップ5. スクロール計測を有効化


拡張計測機能が表示されたら、「スクロール数」の項目をオンにして「保存」をクリックします。


GA4 拡張機能計測


設定されているか否かは、下画像の画面で確認できます。


GA4 拡張機能計測の設定確認


設定有効化直後からイベント収集は始まります。ただし、レポートやカスタムディメンションへの反映は24~48時間程度の遅延が生じる場合があるのでご注意ください。

データの確認は、GA4の探索レポートで行うことができます。



【手順】GTMで10%刻みスクロール率を設定する6ステップ


この章では、GTMを使ってより詳細なスクロール率計測を行う手順を解説します。


ステップ1. GTMでワークスペースを作成


まず、https://tagmanager.google.com/#/home からGTMにログインします。

ワークスペースを作成 GTM管理画面で新しいワークスペースを作成するか、既存のワークスペースを使用します。


 GTMホーム画面


ホーム画面から左上の「Default Workspace」を選択し、新規ワークスペースを作成します。


ステップ2. GA4設定タグを追加


GA4の測定IDを入力したGA4設定タグを作成します。既にGA4タグが設置済みの場合、この手順はスキップできます。


GTM新規ワークスペース


現在のワークスペースが新規作成したワークスペースになっていることを確認した上で、左メニュー「タグ」をクリックします。


GTMタグ作成


右上の「新規」をクリックし、新たにタグを作成します。


GTMタグ設定


「タグ設定」からタグタイプを選びます。

今回は、「Googleアナリティクス:GA4設定」です。


GTMタグタイプ


ここで、GA4の管理画面に戻ります。


GA4管理画面|測定ID


ストリーム詳細にある測定IDをコピーし、GA4設定タグに入力します。


GTMトリガー


続いて、赤枠のトリガー領域をクリックし、全ページを対象とする「All Pages」を選択します。


GTMトリガー|All Pages


ステップ3. スクロール深度(Scroll Depth Threshold)変数の有効化


次は、変数の設定に進みます。


左メニューの「変数」から、右上にある「設定」ボタンをクリックします。


GTM変数


右側の「組み込み変数の設定」を下にスクロールしていくと、「Scroll Depth Threshold」という項目があるので、そこにチェックをいれます。


GTM|Scroll Depth Threshold



ステップ4. スクロール距離のトリガー設定


スクロール距離トリガーを作成します。


GTM変数の確認


Scroll Depth Thresholdのデータレイヤーの変数を確認し、GTMの左メニューにある「トリガー」をクリックしてください。


GTM新規トリガー


「新規」ボタンをクリックして、トリガーを追加します。


GTMトリガータイプ


トリガー名として「スクロール数」を入力し、「トリガーの設定」領域をクリックします。

「トリガーのタイプを選択」では、「スクロール距離」を選択してください。


GTMトリガーの設定|スクロール距離


測定したいスクロール距離を数字で入力します。


ステップ5. GA4イベントタグを作成 


続いて、GA4イベントタグの作成に進みます。


画像の手順を踏んだうえで、以下の必要情報を入力・設定します。


▼GA4イベントタグ作成に必要な情報


  • イベント名:scroll

  • パラメータ:percent_scrolled = {{Scroll Depth Threshold}}

  • トリガー:ステップ4で作成したスクロール距離トリガーを指定


GTMイベントタグ


GTMの設定タグのプルダウンから、GA4設定タグを選択します。


GTMイベントタグ|タグタイプ


タグを設定したら、イベント名は「scroll」とします。

イベント名はGA4に表示される重要な要素なので、スペルミスに注意してください。


GTMイベントタグ|イベント名


その後、イベントパラメータの設定のため、「行を追加」をクリックし、パラメータ名を「percent_scrolled」とし、値のところは赤枠部分のアイコンをクリックします。

「変数を選択」が表示されるので、変数設定で有効化した「Scroll Depth Threshold」とします。


GA4 イベントタグ設定


スクロール率のタグが発火する条件としてトリガーを設定するため、トリガー領域をクリックします。

「トリガーの選択」でトリガー設定で作成した「スクロール数」を選択し、元の画面で「保存」ボタンをクリックして終了です。


ステップ6. GTMのワークスペース公開で設定反映


ここまで操作が完了すれば、GTMのプレビュー機能でイベントが正しく発火することを確認します。

問題がなければ「送信」→「公開」を実行します。


GTMワークスペース


ただし、 短いページでは複数の閾値が同時に発火することがあるので注意してください。この場合、トリガーに追加条件を設定したり、閾値の見直しを行うことで制御できます。



スクロール率設定の際に気をつける3つの注意点


GTMでスクロール率計測を設定する際は、以下の点に注意が必要です。


GA4拡張計測は90%のみ 


GA4標準機能では90%到達時のみの計測となるため、詳細な分析には必ずGTMの導入が必要です。中途半端な設定では期待する分析結果を得られません。


二重計測を避ける 


GTMでスクロール計測を設定する場合、GA4拡張計測の「スクロール」機能は必ずオフにしてください。両方が有効になっていると、90%地点で重複してイベントが発生し、データの正確性が損なわれます。


廃止済みタグの削除 


Universal Analytics(UA)タグや古いgtag.jsコードがサイト内に残っている場合、誤計測の原因となる可能性があります。GA4移行時には、不要なタグの完全な削除を確実に行ってください。UAは2024年7月1日に完全停止しているため、残存タグは削除対象です。


これらの注意点を守ることで、正確で活用しやすいスクロール率データを取得できます。



データ活用のコツ|レポートと改善への落とし込み


スクロール率データを効果的に活用するためのポイントを紹介します。


GA4探索レポートでの分析方法 GA4の探索機能で自由形式レポートを作成し、「スクロール率」と「コンテンツ離脱率」を掛け合わせて分析することで、具体的な改善箇所を特定できます。


カスタムディメンションの活用 percent_scrolledをカスタムディメンションとして登録すると、より詳細な分析が可能になります。ただし、カスタムディメンションの反映には最大24–48時間かかることを考慮してスケジュールを組んでください。


イベント収集の各種上限に注意 GA4にはイベント収集・構成・APIなどに各種上限(クォータ)が存在します(例:イベント名やパラメータ数の上限、APIクォータ等)。不要に細かい閾値を設定すると運用負荷が増えるため、サイトに適した最小限の閾値に絞るのが実務的です。BigQueryエクスポートを使用する場合は、標準プロパティで日次100万イベントの上限も考慮しましょう。


継続的な分析とPDCA スクロール率データは一度取得すれば終わりではありません。定期的にデータを分析し、コンテンツ改善に活かすPDCAサイクルを構築することが成果につながります。



まとめ

まとめ

まとめ

正しくスクロール率を設定してウェブ改善を加速


スクロール率は、ユーザーの読了行動を定量的に把握するための重要な指標です。GA4の標準機能で90%計測から始めることはできますが、本格的なWebサイト改善を目指すなら、GTMを活用した詳細計測の導入が欠かせません。


設定時には二重計測の回避、適切な閾値選択、カスタムディメンション登録といったポイントを押さえることで、正確で活用しやすいデータを取得できます。


正しく設定されたスクロール率データは、感覚に頼らないデータドリブンなウェブサイト改善の強力な武器となるでしょう。まずはGA4標準機能で基本的な計測を開始し、必要に応じてGTMでの詳細計測にステップアップしていくことをお勧めします。



CONTACT

マーケティングのお困りごとは
Coziesへご相談ください

Coziesでは、施策起点ではなく、課題起点でマーケティング支援を行います。

課題整理から戦略設計・施策の実行・分析まで社外マーケティングチームとして伴走支援。

ウェブ広告・ SEOなどの集客支援、オウンドメディア支援、UIUX改善まで一気通貫でご支援いたします。

CONTACT

デジタルマーケティングの
お困りごとは
Coziesへご相談ください

Coziesでは、施策起点ではなく、課題起点でマーケティング支援を行います。

課題整理から戦略設計・施策の実行・分析まで社外マーケティングチームとして伴走支援。

ウェブ広告・ SEOなどの集客支援、オウンドメディア支援、UIUX改善まで一気通貫でご支援いたします。

CONTACT

デジタルマーケティングの
お困りごとは
Coziesへご相談ください

Coziesでは、施策起点ではなく、課題起点でマーケティング支援を行います。

課題整理から戦略設計・施策の実行・分析まで社外マーケティングチームとして伴走支援。

ウェブ広告・ SEOなどの集客支援、オウンドメディア支援、UIUX改善まで一気通貫でご支援いたします。

よくある質問

よくある質問

よくある質問

スクロール率とは?

スクロール率とは、ページの何パーセントまでユーザーがスクロール(閲覧)したかを示す指標です。GA4では「スクロール」イベント+percent_scrolledパラメータで記録されます。


詳しくは「スクロール率とは?|どこまで読まれているかの指標」の章をご覧ください。



スクロール率の計測はGA4の標準機能だけで十分ですか?

用途によって異なります。「記事が最後まで読まれているか」の基本確認なら、GA4標準の90%計測でも十分です。しかし「どの見出しで離脱が多いか」「記事前半の改善効果を測りたい」といった詳細分析が目的なら、GTM計測が必要になります。


詳しくは「より詳細に計測するならGTMを導入すべき」の章をご覧ください。



この記事を書いた人

この記事を書いた人

この記事を書いた人

Cozies編集部

株式会社Coziesの編集部です。デジタルマーケティングの情報をはじめ、皆さんに有意義な情報をお届けします。

Cozies編集部

株式会社Coziesの編集部です。デジタルマーケティングの情報をはじめ、皆さんに有意義な情報をお届けします。

Cozies編集部

株式会社Coziesの編集部です。デジタルマーケティングの情報をはじめ、皆さんに有意義な情報をお届けします。

ご相談・お問い合わせ

デジタルマーケティングでお困りの方はお気軽にお問い合わせください。

Contact to us. - Contact to us. - Contact to us. - Contact to us. - Contact to us.

お問い合わせ

ご相談・お問い合わせ

デジタルマーケティングでお困りの方はお気軽にお問い合わせください。

Contact to us. - Contact to us. - Contact to us. - Contact to us. - Contact to us.

お問い合わせ

ご相談・お問い合わせ

デジタルマーケティングでお困りの方はお気軽にお問い合わせください。

Contact to us. - Contact to us. - Contact to us. - Contact to us. - Contact to us.

お問い合わせ

Coziesのロゴ

〒113-0034

東京都文京区湯島2-2-1

東邦深澤ビル8階A

MAKE
YOU
BORDERLESS

リスティング広告運用

Google広告運用

Yahoo!広告運用

SNS広告運用

Facebook広告運用

Instagram広告運用

X広告運用

LINE広告運用

YouTube広告運用

リスティング広告運用

Google広告運用

Yahoo!広告運用

SNS広告運用

Facebook広告運用

Instagram広告運用

X広告運用

LINE広告運用

YouTube広告運用

2020-2025 株式会社Cozies All rights reserved.

Coziesのロゴ

〒113-0034

東京都文京区湯島2-2-1

東邦深澤ビル8階A

MAKE

YOU

BORDERLESS

リスティング広告運用

Google広告運用

Yahoo!広告運用

SNS広告運用

Facebook広告運用

Instagram広告運用

X広告運用

LINE広告運用

YouTube広告運用

リスティング広告運用

Google広告運用

Yahoo!広告運用

SNS広告運用

Facebook広告運用

Instagram広告運用

X広告運用

LINE広告運用

YouTube広告運用

2020-2025 株式会社Cozies All rights reserved.

Coziesのロゴ

〒113-0034

東京都文京区湯島2-2-1

東邦深澤ビル8階A

MAKE

YOU

BORDERLESS

リスティング広告運用

Google広告運用

Yahoo!広告運用

SNS広告運用

Facebook広告運用

Instagram広告運用

X広告運用

LINE広告運用

YouTube広告運用

リスティング広告運用

Google広告運用

Yahoo!広告運用

SNS広告運用

Facebook広告運用

Instagram広告運用

X広告運用

LINE広告運用

YouTube広告運用

2020-2025 株式会社Cozies All rights reserved.