Google Analytics

Googleアナリティクスでスクロール量を取得するjQueryプラグインScroll Depth

  • このエントリーをはてなブックマークに追加

ScrollDepth

Googleアナリティクスでクリックイベントの取得はよくされてると思います。
今回はスクロール量を取得できるjQueryプラグインScroll Depthのご紹介です。

http://scrolldepth.parsnip.io/

取得できるデータ
・25%, 50%, 75%, 100%単位のスクロール量
・ピクセル単位のスクロール量
・スクロールポイントまでのロード時間

ヒートマップ解析の方がLPには適していると思いますが、簡易的にどこまでスクロールされたか知りたいときにはよさそうです。

設定
jQuery1.7以上で使用できます。

オプション例

オプション一覧

オプション 詳細
minHeight 指定したpx以上は取得したくない場合に指定(例:2000px以上は取得しない場合)
elements 特定の要素でイベントを取得したい時にidを指定
percentage デフォルトはtrue。%単位のデータを取得したくないときはfalseに
userTiming デフォルトはtrue。スクロール時間データを取得したくないときはfalseに
pixelDepth デフォルトはtrue。pxデータを取得したくないときはfalseに
nonInteraction デフォルトはtrue。直帰率に影響がないようにしています。falseにすると直帰率に反映されます。
eventHandler Google Analyticsのcallback optionが使えます。
※callback optionを使うときはデフォルトのevent handlerを上書きします。

カスタムイベント例

設定はそんなに難しくなさそうですね。

Google Tag Managerで使うときはこちらのブログを参照ください(英語)
http://andygibson.us/2013/10/track-scroll-depth-using-google-tag-manager/

  • このエントリーをはてなブックマークに追加