The David Walsh Blog

Track File Downloads in Google Analytics Using MooTools

Written by David Walsh on November 11, 2008 · 7 Comments

A while back I wrote an article detailing how you can use forced downloads via PHP to track downloads. What if you could get that same data into Google Analytics? Using some simple MooTools and advanced Google Analytics tactics, now you can.

The HTML

	
	<a href="/media/video.wmv" class="download">Download This Video!</a>
	<a href="/media/document.pdf" class="download">Download This PDF!</a>
	<a href="/media/document.doc" class="download">Download This Document!</a>
	<a href="/media/archive.zip" class="download">Download This Zip File!</a>

Any download I want tracked, I add the "download" CSS class to.

The MooTools 1.2

window.addEvent('load', function() {
	if(pageTracker) {
		$$('.download').addEvent('click',function() {
			pageTracker._trackPageview('/downloads/' + this.get('href').replace('http://',''));
		});
	}
});

Just like tracking AJAX clicks and outbound links, we direct Google Analytics to record the event.

Now you get download counts and it gets lumped in with the rest of your Google Analytics stats.

Comments

  1. Clinton Montague November 11, 2008

    Wow, didn’t know that this was possible, this is a great trick! Thanks!

  2. Staicu Ionut November 11, 2008

    Thanks man! Even i’m not a big fan of Moo, i will surely use this with jquery :P
    Thanks again ;)

  3. Jason Huck November 12, 2008

    A while back, I wrote a jQuery plugin that automatically adds tracking for external links, downloads, and mailto’s:

    http://devblog.jasonhuck.com/2007/11/19/google-analytics-integration-with-jquery/

    Rather than adding specific classes for each of these items, I based the tracking on the characteristics of the URL.

  4. Joomlapanel November 12, 2008

    Thanks man.. I don not know the MooTool can do this.

  5. garaj kapısı November 12, 2008

    Thanks David :) everyday i learn different things from you. Thanks lot.

  6. TVD September 5, 2011

    Recently, I extended Google Analytics to add download tracking for Google’s new Asynchronous Google Analytics Model. I call the extension Entourage.js:

    http://techoctave.com/c7/posts/58-entourage-js-automatic-download-tracking-for-asynchronous-google-analytics

    One of my goals was a small footprint, so it’s narrowly scoped to track file downloads only – no mailto or external links. Also, it’s framework agnostic. I wanted developers to have the freedom to use the extension and still use whatever JavaScript framework they want.

    I love jQuery, but I’ve always had much respect for the MooTools and Prototype.js community too.

  7. 2Foros – Seguimiento de descargas con Google Analytics October 7, 2012

    [...] Track File Downloads in Google Analytics Using MooTools [...]

Be Heard

Tip: Wrap your code in <pre> tags or link to a GitHub Gist!

Use Code Editor
Older
Create a Custom ":selected" Pseudo Selector in MooTools
Newer
NetTuts Exclusive: Twitter Emulation Using MooTools 1.2 and PHP