Tracking Scroll Depth with jQuery and Google Analytics - Ravelrumba by Rob Flaherty


55 bookmarks. First posted by kirkaracha april 2012.


Conversion == scrolling all the way down (aka "if no one is scrolling down the page, maybe there's something wrong with the content?")
javascript  conversion  stats 
april 2012 by pimpampum
RT @UXBooth: New Resource: Tracking Scroll Depth with jQuery and Google Analytics http://t.co/cxYi5jiA
ifttt  twitter  mkammerer 
april 2012 by mkammerer
New Resource: Tracking Scroll Depth with jQuery and Google Analytics
from twitter_favs
april 2012 by keithmuth
measure scroll depth in Google Analytics
analytics  jquery  javascript  google 
april 2012 by jshwlkr
This is a plugin that watches for scroll events and then reports data back to Google Analytics using the Events API. By the default the plugin will record Baseline (0%), 25%, 50%, 75%, and 100% scroll events. You can find the data in the Events section of Google Analytics. The category is “Scroll Depth”, the action is “Percentage” and the label is the scroll depth percentage.
analytics  jquery  scroll  ui 
april 2012 by rachelbaker
Tracking Scroll Depth with jQuery and Google Analytics: // very cool idea by
from twitter_favs
april 2012 by jorgemir
from Ravelrumba by Rob Flaherty http://www.ravelrumba.com

Scroll depth—the measure of how far a user scrolls on a particular page—is an interesting but lesser-known engagement metric. It’s not something you can find in your Google Analytics or Omniture account but you may be familiar with it from other analytics services (e.g., Chartbeat).

If you’ve ever participated in an ontological debate about “the fold”, you know that how far users are willing to scroll down a page (and whether they’re willing to scroll at all) is an important concern for both designers and business stakeholders.

So how can we measure it? One option is to sign up for a service like Chartbeat that offers scroll depth as a reporting metric. Another option is to use a little jQuery to record the data in Google Analytics. Here’s a plugin for that.

jQuery Scroll Depth

This is a tiny plugin that watches for scroll events and then reports data back to Google Analytics using the Events API. It’s easy to set up. Assuming you have Google Analytics tracking code implemented on your site, include jQuery and jquery.scrolldepth.js, and then just initialize the plugin like this:

$.scrollDepth();

By the default the plugin will record Baseline (0%), 25%, 50%, 75%, and 100% scroll events. You can find the data in the Events section of Google Analytics. The category is “Scroll Depth”, the action is “Percentage” and the label is the scroll depth percentage.

Google Analytics Events can be viewed at both the site and page level. This means you can see site-wide scroll depth as well as scroll depth for individual pages.

In addition to the 25%, 50%, 75%, and 100% marks you can record scroll events for specific elements on the page. Has an ad been scrolled into view? Did the user scroll down to the article comments section? To track these elements you just pass the selector as one of the plugin options.

Try it out

To download the plugin or read more about the options, check out the jQuery Scroll Depth project page. If you have suggestions for improvement or would like to report bugs, please visit the Github repo.
ifttt  googlereader  Ravelrumba  by  Rob  Flaherty  Reading 
april 2012 by _m_space