『平均ページ滞在時間』で滞在時間が分かるのでは?
滞在時間を計測したいなら、「Googleアナリティクスの『平均ページ滞在時間』の指標でも分かるのでは?」と思われるかもしれません。
しかしGoogleアナリティクスの『平均ページ滞在時間』は、ユーザーが訪問した最後のページの滞在時間が0秒と計測されます。
例えばユーザーが、
①Aページ 滞在時間10分
⇓
②Bページ 滞在時間10分
⇓
③Cぺージ 滞在時間10分
⇓
④Cページから遷移せず離脱
という場合、Cページの滞在時間は0秒と計測されてしまいます。
もし仮に、すべてのユーザーがCページで離脱していた場合、Googleアナリティクスの『平均ページ滞在時間』の指標は0秒となり、これでは正しく計測できていないと言えます。
Googleタグマネージャーで滞在時間を計測するメリット
Googleタグマネージャーで滞在時間を計測するメリットを、使用例をふまえて紹介していきます。
メリット
Googleアナリティクスでは、すべてのユーザーの滞在時間が計測できるわけではありません。しかし、Googleタグマネージャーのタイマータグを使用し、滞在時間を計測することによって、すべてのユーザーの滞在時間を知ることができます。
また、〇秒まで滞在したユーザーが何名か?ということが計測できるので改善の指標に役立ちます。他にもサイト内のユーザーの行動を計測する方法として、「スクロール率」を計測する方法もあります。
Googleタグマネージャーでスクロール率を計測する方法 >
使用例
たとえば、ランディングページ全体の訪問数から、1秒間滞在していたユーザー数を引くと、1秒以内で離脱したユーザー数がわかります。「ファーストビューに何か問題があるのでは?」という仮説が立てられます。
Googleタグマネージャーのタイマータグを使用して、滞在時間を計測することは、改善活動の「仮説立て」に役立てることができます。
設定方法を紹介
それでは、Googleタグマネージャーでのタイマー設定の方法をご紹介します。
step1.Googleタグマネージャーのワークスペースから、変数を選択し、ユーザー定義変数の新規作成ボタンをクリックする
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/4bf97915876340dd9fdadcb2c8d40598/image.png)
step2.変数の設定から、データレイヤーの変数を選択
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/f88c8c66ba1d4805b489aa2a91e5f0b0/image.png)
step3.変数名とデータレイヤーの変数名を記入
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/3233fbf73ada431992f59a8c2be90e1f/image.png)
~記入する変数名及びデータレイヤーの変数名~
変数名:gtmTimer
データレイヤーの変数名:gtm.timerElapsedTime
gtm.timerElapsedTimeの変数にて、Googleタグマネージャーがミリ秒でデータを取得しています。変数の設定が完了したら保存してください。
step4.もう1つユーザー定義変数を作成する
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/2a141abe729e48bebc3e629cf67c0f5f/image.png)
step5.変数の設定からカスタムjavaScriptを選択
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/c95ddde6d76d4ea4ad858c51ed864ec3/image.png)
step6.変数名とJavaScriptを記入する
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/81a9a096f892493fa88b5bef61b1e920/image.png)
・変数名:gtmTimerJS
・カスタムjavaScript ※推奨:下記をコピペ
function() {
return Math.floor({{gtmTimer}} / 1000);
}
こちらも変数の設定が完了したら保存してください。この変数で先ほど作成した、『gtmTimer』の”ミリ秒”のデータを”秒”に変換しています。
step7.『トリガー』を選択し、『新規』をクリック
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/485e02ab76f4444fbd8a0e8302eb202b/image.png)
step8.トリガーの設定から、トリガータイプ『タイマー』を選択する
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/94cf2da0970c4e2782bdc205c9a5794c/image.png)
step9.トリガーの条件等を設定する
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/690ab7a01468413fabeb867188504030/image.png)
~記入項目~
トリガー名:gtmTimerトリガー
イベント名:gtm.timer
間隔:1000
制限:20
トリガー有効化条件:①Page URL ②正規表現に一致 ③.*
上記の設定で「1000ミリ秒(1秒)ごとに20回までタイマーが起動する」という設定です。
つまり、1秒ごとに20回まで計測が行われ、20秒までの滞在時間が計測できる設定になっています。
設定が完了したら保存してください。
step10.タグを選択し、新規をクリック
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/ae4b6c9b25e649fea75e3c6a37eaea4f/image.png)
step11.トリガーをクリックし、先ほど作成したgtmTimerトリガーを選択
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/b8ac7cc0339147d8aea425e57b7b2cd9/image.png)
step12.タグの設定を選択し、タグタイプのGoogleアナリティクス:ユニバーサルアナリティクスを選択
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/0543b61cb7bd4bd19453347b865f7a70/image.png)
step13. タグの種類『GoogleアナリティクスGA4イベント』を選択し、タグの設定を行なっていく。
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/b6c4d85ea0f54744b5e9ca856fdb044b/2023-12-06%2017.59%E3%81%AE%E7%94%BB%E5%83%8F%20(1).jpeg)
~タグの設定項目まとめ~
タグ名・・・タイマー(推奨:分かりやすいもの)
測定ID・・・計測したいGoogle アナリティクスのIDを記入する
イベント名・・・Timer (推奨:半角文字で分かりやすいもの、デフォルト名のものと区別できるように)
イベントパラメータ・・・Timer_1seconds (推奨:半角文字で先頭に数字がこないもので、分かりやすいもの)
値・・・gtmTimerJS
step14. 作成したタイマータグが、プレビューモードで正しく発火しているか、確認してから公開する
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/911044eb8f26485ab2785accb4f969d5/image%20(1).png)
プレビューモードの詳しい使い方は、
「【完全ガイド】Googleタグマネージャーの使い方や導入方法を紹介」をご覧ください
測定されたタイマーを確認
測定したタイマーの結果をGoogleアナリティクスで確認していきます。
設定したタイマータグの結果は『『レポート』の『エンゲージメント』の『イベント』で確認できます。
しかし、デフォルトで設定されているディメンションだけでは、自社サイトにおけるデータ分析やインサイト発見に限界がある場合があります。
そこで、先ほどタグマネージャーで設定した『イベントパラメータ』をGA4の『カスタムディメンション』に設定し、より詳細な情報を入手することができます。
※『カスタムディメンション』とは、
Googleアナリティクスで、ユーザーが独自に設定できるカスタムのディメンションのことです。
『カスタムディメンション』により、より詳細かつ実態に即したデータセグメンテーションが可能となり、サイトパフォーマンスの分析精度が向上します。
設定方法の紹介
step1. 『設定』の『データの表示』の『カスタム定義』を選択
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/a8cb1a3c398042f58fd50d9cd7d7276c/2023-12-08%2014.56%E3%81%AE%E7%94%BB%E5%83%8F%20(1).jpeg)
step2. 『カスタムディメンションを作成』を選択
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/6289a1bcc51144f39560a20a641d2d2e/2023-12-08%2014.57%E3%81%AE%E7%94%BB%E5%83%8F.jpeg)
step3. 先ほどタグマネージャーで設定したイベントパラメータを下記の箇所に反映していきます。
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/255fd32b1b3f43dc9b49c2e64ce47536/2023-12-08%2019.28%E3%81%AE%E7%94%BB%E5%83%8F.jpeg)
~カスタムディメンションの設定項目まとめ~
ディメンション名・・・例Timer(推奨:分かりやすいもの)
範囲・・・イベント
イベントパラメータ・・・Timer_1seconds(タグマネージャーで設定した名前を使用)
step4. 設定したカスタムディメンションを『データ探索』で確認
『データ探索』の新しいデータ探索を選択し、変数の『ディメンション』を選択
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/bd7809f5a0504ae39e3c75113ff48b2a/2023-12-08%2015.06%E3%81%AE%E7%94%BB%E5%83%8F.jpeg)
step5 『ディメンションの選択』で『カスタム』を選択し、先ほど作成したディメンションを選択し、インポートする
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/860dc64a8ccf4bd5a9b1e3e72ce8b8bd/2023-12-08%2015.07%E3%81%AE%E7%94%BB%E5%83%8F%20(1).jpeg)
step6. 先ほどインポートした変数のディメンションを下記の対象部分にドラッグする
![](https://images.microcms-assets.io/assets/c47c3b0a24b240089800177a8a54d446/0c7e527ce5764133bebc1f8295f5e574/2023-12-08%2020.18%E3%81%AE%E7%94%BB%E5%83%8F%20(1).jpeg)
すると何秒に何回イベントが発生しているかを確認でき、”真の滞在時間”を知ることができます。
※補足
タグマネージャーの設定の『step9』で設定した、間隔と制限を
・間隔:60000
・制限:1と設定すると、60秒のみのタイマー設定が可能です。
この時、合わせて
・トリガー名:「タイマー60秒」
・トリガー設定のイベント名:「gtm.timer60」
・タグ名:「60秒滞在」
・イベントトパラメータ:「60s」
と設定しておくと管理も見やすくなります。
まとめ
このようにGoogleタグマネージャーでは、タグを作成してタグの発火を計測することにより、Web解析に役立てられます。
この記事では、滞在時間の計測方法を紹介しましたが、他にも『スクロール率』や『ボタンのクリック数』なども、Googleタグマネージャーを使用して計測可能です。
ユーザーの行動を分析し、より改善活動を活発にするため、この真のページ滞在時間の計測以外にも、タグを作成することをオススメします。
この記事を読んで、日々の解析・改善業務に役立てていただけたら幸いです。