【最新版】Googleタグマネージャでスクロールを計測する方法

本記事で触れているGoogleアナリティクスは、ユニバーサルアナリティクス（UA）を前提としています。
GA4を対象とした記事ではございませんので、ご注意ください。

スクロールの計測について

通常のカスタマイズを行っていないGoogleアナリティクスを使っていると、コンテンツボリュームの多いページ（例えば、ブログ記事ページ）において、ユーザーが「どの程度ページを見てくれたか」を見極めることは難しいです。
そこで、「ユーザーがどの程度しっかりページを見てくれたか？」を計測するために、「スクロール量を計測し、一定の範囲を超えるスクロールを行ったタイミングでイベントを送信する」という実装を行うケースがよくあります。また、Googleアナリティクスのイベントだけでなく、広告媒体のコンバージョンタグやリマーケティングタグの実行条件に利用するケースもあります。
しかし、今までのGoogleアナリティクス・Googleタグマネージャでは、そのような実装を行うために高度なJavaScriptコードを記述する必要があり、多くのマーケターはそのコードを理解して的確に実装することが難しい状況でした。

Googleタグマネージャがスクロールを正式にサポート

2017年10月にGoogleタグマネージャに追加された新機能で、ページのスクロール状況に関するトラッキングが正式にサポートされました。
この機能を利用することで、
・閾値とするスクロール量（パーセントだけでなくピクセル指定も可能）をカスタマイズ可能
・縦スクロールだけでなく、横スクロールでも計測することが可能
になります。
また、これらの機能を単純な実装であれば、JavaScriptコードを書くことなく実現することが可能になります。

追加された「スクロール距離」トリガー

このように、デフォルトのトリガー種類の中に「スクロール距離」が追加されました。

この「スクロール距離」トリガーの設定項目は、

のようになっており、この条件を自由にコントロールすることが可能です。
追加された「スクロール距離」に関する変数
こちらは、UIからは確認することはできませんが、下記のデータレイヤー変数が定義されています。必要な変数を「変数タイプ=データレイヤーの変数」のユーザー定義変数として作成する必要があります。

データレイヤーの変数名	変数の意味
gtm.scrollThreshold	現在のスクロール量。パーセントまたはピクセル(どちらで表示されるかは設定による)で値が整数値で格納されます。
gtm.scrollUnits	スクロールの計測単位がパーセントであるかピクセルであるかを表します。percentまたはpixelsのどちらかが入ります。
gtm.scrollDirection	スクロールの方向が縦であるか横であるかを表します。verticalまたはhorizontalのどちらかが入ります。

gtm.scrollThreshold gtm.scrollUnitsスクロールの計測単位がパーセントであるかピクセルであるかを表します。percentまたはpixelsのどちらかが入りますgtm.scrollDirectionスクロールの方向が縦であるか横であるかを表します。verticalまたはhorizontalのどちらかが入ります。

実際の利用例

レポートサンプル

下記のように10％刻みでスクロール到達を計測することができます。「合計イベント数」の減り具合を見ることで、どのポイントで離脱しているかを確認することができます。
また、イベントラベルの値は、単にスクロール量（=gtm.scrollThreshold）を使ってしまうと、思い通りにそーとできないこともあるので、3桁表示にし、さらにパーセントであることが分かりやすいように単位も付与しています。