Scroll Depth - ページ内スクロールの深さを記録
どこまで読まれているかは大事ですね! Webサイトの人気はPVで見られることが多いです。そのため単純にファーストビューが表示されたかどうかが重要になっており、実際のコンテンツが読まれたかがどうかは軽視されがちです。しかし本来であればそちらのが大事でしょう。 そこで使ってみたいのがScroll Depthです。スクロールを感知してAnalyticsに記録してくれるライブラリです。
Scroll Depthの使い方
jQueryプラグインなので、そのまま実行するだけです。
<script src="jquery.scrolldepth.min.js"></script>
<script>
$(function() {
$.scrollDepth();
});
</script>
こうすることで、コンテンツの25%/50%/75%/100%のタイミングでスクロールが感知できるようになっています。
対応ブラウザは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