GA4のスクロール率とは
GA4のスクロール率とは、Webページがスクロールされた割合を表す指標です。
例えば、GA4の拡張計測機能であれば、スクロール率が90%に達すると「scroll」としてカウントされます。
Webページの90%まで読んでもらえた場合、ほぼ読了してもらえたといえます。
つまり、GA4のスクロール率は、読了率に近い指標です。
最後まで読んでもらえるほど自社商品やサービスが成約するチャンスが増えるので、GA4の数ある指標のなかでも、重要な指標のひとつです。
GA4でスクロール率を計測する方法
GA4でスクロール率を計測する方法は、以下のとおりです。
- GA4の拡張計測機能
- GTM
GA4の拡張計測機能
スクロール率を計測する場合は、GA4の拡張計測機能を用いるのが一般的です。
後述するGTMより簡単に設定できるので、拡張計測機能でスクロール率を計測するのがおすすめです。
ただし、拡張計測機能だと、GTMのようにスクロールを計測するポイントを変更できません。
GTM(グーグルタグマネージャー)
GTMとは、GoogleアナリティクスやSNSのタグなどを一元管理できる無料ツールです。
スクロールの計測ポイントを50%や75%などに設定したい場合は、GTMを利用しましょう。
GTMでスクロール率を計測したい方は「GTMでスクロール率を設定する5つの手順」にお進みください。
GA4でスクロール率を設定する4つの手順
ここでは、GA4でスクロール率を設定する手順について解説していきます。
- 「データストリーム」を選択する
- 「ストリーム」を選択する
- 「拡張計測機能の設定」を選択する
- 「スクロール数」をオンにする
非常に簡単で、1分ほどで終わります。
スクロール率を計測したい方は、設定してみてください。
手順1:「データストリーム」を選択する
最初に「データストリーム」を選択します。
GA4の左メニュー下部にある「管理」をクリックし「データストリーム」を選択しましょう。
![GA4でスクロール率を設定する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/b1933b5c879149818b69de81472dea36/image.png)
手順2:「ストリーム」を選択する
次に、スクロール率を設定したい「ストリーム」を選択してください。
手順3:「拡張計測機能の設定」を選択する
続いて、画面右にある歯車マーク「拡張計測機能の設定」をクリックします。
![GA4でスクロール率を設定する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/64a7902e3c3e46f48cb224caaee95c24/image.png)
手順4:「スクロール数」をオンにする
最後に「スクロール数」をオンにして保存すれば、スクロール率の設定は完了です。
![GA4でスクロール率を設定する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/8173437465be4f5a81da3aad9b0f50ce/image.png)
GTMでスクロール率を設定する5つの手順
ここでは、GTMでスクロール率を設定する手順を解説していきます。
- 変数を設定する
- トリガーを設定する
- タグを設定する
- プレビューを確認する
- 公開する
GTMでスクロール率を計測したい方は、参考にしてみてください。
「GA4でスクロール率を設定できればいい」という方は「GA4のスクロール率をページごとに確認する方法」にお進みください。
手順1:変数を設定する
最初に、変数を設定します。
GTMの左メニューにある「変数」をクリックしてください。
次に、画面上部にある「設定」をクリックし、組み込み変数の設定から「Scroll Depth Threshold」にチェックを入れます。
![GTMでスクロール率を設定する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/21257131ed5c4ba9ad19cd768028f149/image.png)
手順2:トリガーを設定する
変数を設定したあとは、トリガーを設定します。
左メニューにある「トリガー」をクリックし、画面右上にある「新規」を選択してください。
続いて「トリガーの設定」をクリックし「スクロール距離」を選択します。
![GTMでスクロール率を設定する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/7eb2cf0486c341269a9dc658d6af8fe3/image.png)
すると、以下の画面が表示されます。
![GTMでスクロール率を設定する](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/19f9118076ef4762a567d9498c32dac5/image.png)
「縦方向スクロール」にチェックを入れ、測定したい割合を入力します。
一部のページのみでトリガーを発生させたい場合は「一部のページ」を選んでください。
![GTMでスクロール率を設定する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/e54bf2faf635478d933e6f97937a949f/image.png)
入力が終わったら「保存」をクリックします。
手順3:タグを設定する
トリガーを設定したあとは、タグを設定しましょう。
左メニューにある「タグ」→「新規」をクリックします。
次に「タグの設定」を選択し「Googleアナリティクス」→「Googleアナリティクス:GA4イベント」をクリックしてください。
![GTMでスクロール率を設定する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/03c5ff9cc9a94eb099b74478dc83a713/image.png)
すると、以下の画面が表示されます。
![GTMでスクロール率を設定する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/7b9c9c4146684d3ba658e17029030f70/image.png)
- 測定ID:GA4から取得
- イベント名:任意の項目(今回はscroll_measurementと入力)
- Event Settings Variable:「なし」を選択
- パラメーター:percent_scrolledと入力
- 値:{{Scroll Depth Threshold}}と入力
測定IDを取得するには「管理」→「データストリーム」をクリックし、計測したいストリームを選択してください。
画面右に「測定ID」と書いてあるので、コピーしましょう。
タグの設定が終わったら、先ほど作成した「スクロール距離」のトリガーを設定し、保存します。
手順4:プレビューを確認する
タグの設定が完了すれば公開してもよいのですが、念のためにプレビューで確認しておくことをおすすめします。
プレビューを確認するには、画面上部にある「プレビュー」をクリックしてください。
![GTMでスクロール率を設定する](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/ddaf8e8796ea4381bba4ad3ceb7b04db/image.png)
クリックすると、以下の画面が表示されます。
![GTMでスクロール率を設定する](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/ef6d5f49deb043ce8eb6ba027861bc12/image.png)
確認したいWebサイトのURLを入力し「Connect」をクリックしてください。
設定したタグが「Tags Fired」に表示されていれば、タグは正常に動いています。
![GTMでスクロール率を設定する](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/2fa37991ff7947458c295f680ccacd8d/image.png)
手順5:公開する
プレビューを確認したら、あとは公開するだけです。画面上部にある「公開」をクリックしましょう。
これでGTMの設定は完了です。
GTMでスクロール率を計測する場合は、GA4の拡張計測機能はオフにしておきましょう。
GTMとGA4で重複して計測することを防ぐためです。
GA4のスクロール率をページごとに確認する方法
スクロール率をページごとに確認するには、左メニューから「レポート」→「ページとスクリーンを表示」をクリックしてください。
![GA4のスクロール率をページごとに確認する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/ce84a9672b2e4f00a5751f3b98c7aabd/image.png)
続いて「イベント数」の下向き三角を選択します。
![GA4のスクロール率をページごとに確認する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/8558292680f544ef88e8b0e5abf8a6ff/image.png)
最後に「scroll」をクリックしてください。
![GA4のスクロール率をページごとに確認する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/1daaf5c18c33498984b578a674ebd088/image.png)
これでページごとのスクロール率を確認できます。
![GA4のスクロール率をページごとに確認する方法](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/8c8dc02309bf42c1bfa818d648bb82d2/image.png)
まとめ
スクロール率は、GA4の数ある指標のなかでも重要な指標のひとつです。Webページを最後まで読んでもらえるほど、自社商品やサービスが成約するチャンスが増えます。
本記事の内容を参考にしてGA4のスクロール率を設定し、Webサイト改善に役立てましょう。
GA4についてより詳しく学びたい方は、以下の記事を読んでみてください。GA4の使い方を詳しく解説しています。