完成形
Google Analyticsでページごとのスクロール率が計測できます。(以下イメージ)
![](https://tokukichi.com/wp-content/uploads/2021/06/26_gtm_scroll-1024x594.png)
手順
組み込み変数 を設定する
Google Tag Manager(以降GTM)を開き 変数>設定 をクリックする。
![](https://tokukichi.com/wp-content/uploads/2021/06/1_gtm_scroll-1024x686.png)
右上の検索で「scroll」と入力し、以下をチェックする。
- Scroll Depth Threshold
- Scroll Depth Units
- Scroll Direction
![](https://tokukichi.com/wp-content/uploads/2021/06/2_gtm_scroll-1024x688.png)
×で閉じる
![](https://tokukichi.com/wp-content/uploads/2021/06/3_gtm_scroll-1024x689.png)
トリガー を設定する
GTMからトリガー>新規 をクリックする。
![](https://tokukichi.com/wp-content/uploads/2021/06/4_gtm_scroll-1-1024x687.png)
「スクロール距離」を選択する。
![](https://tokukichi.com/wp-content/uploads/2021/06/5_gtm_scroll-1024x671.png)
以下表の値を入力し保存する。
項目 | 値 | 備考 |
---|---|---|
トリガー名 | スクロール計測 | |
縦方向スクロール距離 | チェック | |
割合 | 10,25,50,75,90 | スクロールイベントを取る位置 |
次の時にこのトリガーを有効にする | ウィンドウの読み取(gtm.load) | |
このトリガーの発生場所 | すべてのページ |
![](https://tokukichi.com/wp-content/uploads/2021/06/6_gtm_scroll-1024x688.png)
タグ を設定する
GTMから タグ>新規 をクリックする。
![](https://tokukichi.com/wp-content/uploads/2021/06/8_gtm_scroll-1024x670.png)
「タグの設定」エリアをクリックする
![](https://tokukichi.com/wp-content/uploads/2021/06/9_gtm_scroll-1024x688.png)
「Google アナリティクス:ユニバーサル アナリティクス」を選択する。
![](https://tokukichi.com/wp-content/uploads/2021/06/10_gtm_scroll-1024x688.png)
以下表の値を入力し保存する。
項目 | 値 | 備考 |
---|---|---|
トラッキングタイプ | イベント | |
カテゴリ | scroll | |
アクション | {{Page Path}} | |
ラベル | {{Scroll Depth Threshold}}{{Scroll Depth Units}} | 例:20percent などの値で計測するため |
値 | なし | |
非インタラクション ヒット | 真 | |
Google アナリティクス設定 | {{GoogleAnalytics_トラッキングID}} | ない場合はさらに下の「トラッキングID」に値を直接入力 |
このタグでオーバーライド設定を有効にする | チェック | |
トラッキングID | なし |
![](https://tokukichi.com/wp-content/uploads/2021/06/11_gtm_scroll-1024x688.png)
「トリガー」エリアをクリックする
![](https://tokukichi.com/wp-content/uploads/2021/06/12_gtm_scroll-1024x688.png)
「スクロール計測」を選択する
![](https://tokukichi.com/wp-content/uploads/2021/06/13_gtm_scroll-1024x674.png)
タグ名に「スクロール計測」と入力し保存する。
![](https://tokukichi.com/wp-content/uploads/2021/06/14_gtm_scroll-1024x688.png)
テスト
GTMの「プレビュー」ボタンをクリックする。
![](https://tokukichi.com/wp-content/uploads/2021/06/15_gtm_scroll-1024x688.png)
Your Site’s URLにご自身のサイトURLを入力しConnectボタンをクリック
![](https://tokukichi.com/wp-content/uploads/2021/06/16_gtm_scroll-1024x688.png)
サイトが開くので、そのまま一番下までスクロールする。
![](https://tokukichi.com/wp-content/uploads/2021/06/17_gtm_scroll-1024x688.png)
Tag Assistantの画面に戻り、スクロールイベントが発火しているか確認する。
![](https://tokukichi.com/wp-content/uploads/2021/06/18_gtm_scroll-1024x691.png)
発火していない場合は最初から手順漏れないか確認する。
問題なければ Tag Assistantをとじる。
![](https://tokukichi.com/wp-content/uploads/2021/06/19_gtm_scroll-1024x747.png)
「Stop debugging」をクリックしプレビュー停止する。
![](https://tokukichi.com/wp-content/uploads/2021/06/20_gtm_scroll-1024x688.png)
公開
GTMの画面で「公開」ボタンをクリックする。
![](https://tokukichi.com/wp-content/uploads/2021/06/21_gtm_scroll-1024x687.png)
バージョン名に「スクロール計測タグ追加」と入力し、公開ボタンをクリックする
![](https://tokukichi.com/wp-content/uploads/2021/06/22_gtm_scroll-1024x688.png)
バージョンの変更が追加される。
![](https://tokukichi.com/wp-content/uploads/2021/06/23_gtm_scroll-1024x688.png)
Google Analyticsで計測されてるか確認
公開後一日待ちます。
実際は数時間後にイベントが計測されるようです。
Google Analyticsで確認
Google Analytics を開く。
左メニューから 行動>概要>イベント カテゴリ>scrollをクリックする。
![](https://tokukichi.com/wp-content/uploads/2021/06/24_gtm_scroll-1024x688.png)
「イベントアクション」を選択し、セカンダリ ディメンションに「イベント ラベル」 を選択する。
![](https://tokukichi.com/wp-content/uploads/2021/06/25_gtm_scroll-1024x576.png)
ページごとにスクロール率が計測できてることが確認できます。
![](https://tokukichi.com/wp-content/uploads/2021/06/26_gtm_scroll-1-1024x594.png)
以上です。
参考
公式ページ:https://support.google.com/tagmanager/answer/7679218?hl=ja