更新日時: 2025 年 1 月 17 日
この記事ではGTMにおけるスクロール距離について紹介します。
スクロール距離は長いページを追跡するのに非常に必要です。たとえば、ページ Google アナリティクス 4 認定試験と実際の質問の分析 (58 問題) は非常に長いです。さまざまな人のアクセスの深さを知りたいので、スクロール距離を使用して追跡する必要があります。
設定プロセスを見てみましょう。
ステップ 1 :組み込み変数を有効にする
まず、いくつかの組み込み変数を有効にします。これにより、GTM 内の変数に属性が自動的に取得されます。
GTM で、 [変数] —— [設定 ] をクリックし、スクロール用の組み込み変数をすべて選択, 次のように設定します。
組み込み変数は 3 つあります:
- Scroll Depth Threshold: トリガー発動につながったスクロール距離を示す数値です。しきい値がパーセンテージの場合は 0~100 の数値、ピクセル数の場合はしきい値として指定されているピクセル数そのものが値となります。変数を 0 に設定すると、レポートに(未設定)と表示されます。
- Scroll Depth Units: トリガー発動のしきい値の指定に使用されている単位(「%」または「ピクセル」)が値となります。
- Scroll Direction: トリガー発動につながったスクロールの方向(「縦方向」または「横方向」)が値となります。
すでに有効になっている場合は、この手順を無視できます。
ステップ 2 :トリガーを設定する
GTMで「トリガー」——「新規 」——「トリガーのタイプを選択して設定を開始… 」——「クリック – すべての要素」をクリックし、名前を “Scroll Page- GAIQ Page” にして、以下のように設定します:
スクロール距離には次の 2 種類があります:
- 縦方向スクロール距離: ユーザーがページ内をどれくらい下まで進んだかに応じて、タグを配信します。
- 割合:カンマで区切られた数字を入力するだけです。たとえば、10、50、90 と入力すると、トリガー ポイントがページの高さの 10%、50%、90% に設定されます。
- ピクセル数:ピクセルの高さを直接入力
- 横方向スクロール距離: ユーザーがページ内をどれくらい右まで進んだかに応じて、タグを配信します。
- 次の時にこのトリガーを有効化する:監視を開始するタイミングを示します。通常、変更する必要はありません。デフォルトのものを使用してください:
- コンテナの読み取り(gtm.js): ページの読み込みが開始してから、できるだけ早いタイミングで有効になります。
- DOM 準備完了(gtm.dom): DOM の解析の準備完了後に有効になります。
- ウィンドウの読み取り(gtm.load)(デフォルト): ページ上の初期コンテンツすべてが読み込まれた後に有効になります。
注: スクロール距離トリガーでは、ページの読み込み時にページのサイズの計算が行われるため、ウィンドウが完全に読み込まれるまで待ってからこのトリガーを有効にするのが最善の方法です。そのため、ウィンドウの読み取り(gtm.load)がデフォルトのオプションになっています。
- このトリガーの発生場所: 特定のトリガー範囲を制限します。ページ Google アナリティクス 4 認定試験と実際の質問の分析 (58 問題) でのみトリガーする場合は、https://www.gainjp.com/google-analytics-4-official-certification.html と等しい Page_URL を使用できます。
注:トリガーが発動するのは、各ページで発動ポイントを初めて通過したときのみです。ユーザーが上にスクロールして戻っても、トリガーは発動しません。
ステップ 3 :タグを設定する
GTMで、「タグ」——「新規」——「タグタイプを選択して設定を開始…」——「Google アナリティクス: GA4 イベント」をクリックし、「GA4-Event-Scroll Page GAIQ」という名前を付けて、次のように設定します。
イベント名は、scroll_gaiq_{{Scroll Depth Threshold}}% です。たとえば、スクロールが 25% に達すると、scroll_gaiq_25% と表示されます。
ステップ 4 : プレビューと公開
GTM で [プレビュー] をクリックしてデバッグします:
タグは正常にトリガーされ、解放できます。
ステップ 5 : レポートのデータを確認する
通常、24 時間後には、GA4 で次のようなデータを確認できます: