Googleアナリティクスで一定以上スクロールしたらイベントトラッキング(PC/スマホ別)

2017年3月9日

条件は下記。

  • PC、スマホで特定ピクセルを超えてスクロールしたらイベント検出
    • PCは800ピクセル(> 800
    • スマホは600ピクセル(> 600
  • 一度イベント検出したらそのPV中は再検出しない(その後のスクロールは無視)
  • 対象URLは
    • /aaa/
    • /aaa/sp/
    • /aaa/index.html
    • /aaa/sp/index.html
      PCもスマホも対応、index.htmlの有無に両対応
  • 既存のトラッキングコードとセットで設置(HTML内の別箇所ではない)

実装のポイントは、一度scrolledがtrueになったらイベント通知したうえでイベント検出関数を削除すること。

コード

いずれのコードもGoogleアナリティクスのトラッキングタグとの前後関係は問わない(どこに設置してもいい)。

IE9以降のみ対応でいいなら

IE8以前対応の場合

イベントハンドリング用のライブラリを使う。

Googleアナリティクス関連Tips

イベント計測

ページビュー計測

eコマース計測