Scroll Depth - ページ内スクロールの深さを記録 // MOONGIFT Archived

どこまで読まれているかは大事ですね！ Webサイトの人気はPVで見られることが多いです。そのため単純にファーストビューが表示されたかどうかが重要になっており、実際のコンテンツが読まれたかがどうかは軽視されがちです。しかし本来であればそちらのが大事でしょう。そこで使ってみたいのがScroll Depthです。スクロールを感知してAnalyticsに記録してくれるライブラリです。

Scroll Depthの使い方

jQueryプラグインなので、そのまま実行するだけです。

<script src="jquery.scrolldepth.min.js"></script>
<script>
$(function() {
  $.scrollDepth();
});
</script>

こうすることで、コンテンツの25%/50%/75%/100%のタイミングでスクロールが感知できるようになっています。

50%までスクロールしたところ。

対応ブラウザはGoogle Chrome、Firefox、Safari、OperaとIE 7-10となっています。また、iOSやAndroid、Opera Mobileでも使えるようになっています。

Scroll DepthはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。

Scroll Depth - A Google Analytics plugin for measuring page scrolling robflaherty/jquery-scrolldepth