This is standard

KAIZEN PLATFORM社が提供するA/Bテストプラットフォームにてグロースハックを行っているフリーランサーのサイトです。

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/

 - Google Analytics, Tips

  関連記事

jQueryでA/BテストができるプラグインeasyAB

LPなどのA/Bテストを簡単に実施できるjQueryプラグインeasyABのご紹 …

【ECサイト】javascriptで出荷日時を自動で表示する方法

Amazonをはじめ、多くのオンラインショップで即日配送を実施されてますよね。 …

Googleアナリティクスのイベントトラッキングを取得するには

ECサイトを運用しているなかで、バナーやボタンがどれくらいクリックされているのか …

[グロースハック 136.7%改善]スマホ版LPでCTRをあげる改善事例

※申し訳ございません、都合上クライアント名・デザイン画像の掲載は控えさせていただ …

Google Analyticsでサイト内検索の効果を図る

業種や制作するサイトの特性にもよりますが、ワイヤーを作成する際、検索ボックスをど …

LPで使えるjQueryアニメーションボタン

LPでgifアニメーションボタンが一時流行りましたが、ボタンを作るのは結構時間も …

.htaccessの覚書

■メンテナンス画面 [crayon-5b73ef4b8309d934998791 …

レスポンシブWebサイトでjQueryでブレイクポイントを判定する方法

レスポンシブWebデザイン制作でPCではjsライブラリを使いたいが、SPでは使い …

jQueryで背景画像をフェードイン・フェードアウト

jQueryで背景画像をフェードイン・フェードアウトする方法の覚書です。 [cr …

Googleアナリティクスでイベントトラッキングを取得する

ECの運用担当者なら、バナーやリンクのクリック数を計測したいと思います。 jQu …