Event Tracking File Downloads

Script to track downloads of media files we make available on product detail pages. Inserts Google Analytics event tracking code as an onclick attribute in <a> elements that have a file extension we'd like to have download counts on and records what section of the page the click came from, the product title, and the filename.

by Jonathan McGlone

HTML

<div class="content-center">
<h1 class="title">Robert Hayden</h1>
    <div class="subtitle">Essays on the Poetry</div>
    <div class="author">Laurence Goldstein and Robert Chrisman, Editors</div>
<div class="sections">
    <div id="look_inside" class="section">
         <h2>Look Inside</h2>

        <UL>
            <LI>
                 <A href="http://www.press.umich.edu/pdf/9780472118014-toc.mp3">Table of Contents</A></LI>
            <LI>
                 <A href="http://www.press.umich.edu/pdf/9780472118014-toc.pdf">Table of Contents</A></LI>
<LI><A href="http://www.press.umich.edu/pdf/9780472118014-prologue.pdf">Prologue</A> </LI>
<LI><A href="http://www.press.umich.edu/pdf/9780472118014-ch1.pdf">Chapter 1</A></LI>
        <LI>
<A href="http://www.press.umich.edu/pdf/9780472118014-toc">Table of Contents</A></LI>
        </UL>
    </div>

<div id="supplemental_materials" class="section">
      <h2>Supplemental Materials</h2>
      <DIV><STRONG>List of Maps <BR></STRONG><BR>View the maps from the book <BR><BR><A href="http://www.press.umich.edu/pdf/9780472118694-map1.jpg">The Seventeen Oldest Rural Tribes <BR></A><BR><A href="http://www.press.umich.edu/pdf/9780472118694-map2.jpg">The Thirty-One Rural Tribes with Tribal Divisions Before 232 B.C. <BR></A><BR><A href="http://www.press.umich.edu/pdf/9780472118694-map3.jpg">Italia Tributim Discripta, Section 1 <BR></A></DIV><BR><A href="http://www.press.umich.edu/pdf/9780472118694-map3b.jpg">Italia Tributim Discripta, Section 2 <BR></A>
    </div>
    
    
<div id="supplemental_materials" class="section">
      <h2>Supplemental Materials</h2>
      <P>Listen: <A href="http://www.press.umich.edu/resources/karlawish_reading1.mp3">Book Reading</A> | 10/5/11</P>
<P>Listen: <A href="http://www.press.umich.edu/resources/karlawish_reading2.mp3">Book Reading</A> | 10/5/11</P>
    </div>

<div id="news_reviews_interviews" class="section">
      <h2>News, Reviews, Interviews</h2>
      <P>Read: <A...

JavaScript

var medialinks = $(".sections .section a");
    var title = $(".content-center h1.title").text();
    
    $(medialinks).each(function ( i, medialink ) {
        var path = $(medialink).attr("href");
        var ext = path.split('.').pop();
        var section = $(medialink).parents(".section").attr("id");                 

        if (    ext === "doc" || 
                ext === "docx" || 
                ext === "dta" || 
                ext === "jpg" || 
                ext === "mov" || 
                ext === "mp3" || 
                ext === "pdf" || 
                ext === "ppt" || 
                ext === "pptx" || 
                ext === "txt" || 
                ext === "xls" || 
                ext === "xlsx" || 
                ext === "zip" ) {

                    $(medialink).attr('onclick', '_gaq.push([\'_trackEvent\', \'Product Detail\', \'File Download from ' + section + '\', \'' + title + ' - ' + path + '\']);');

                }

    });