christianhellsten / jquery-google-analytics
watch download tarball
public
Forks4Right
Watchers63Right
Description: A Google Analytics plugin for jQuery. Improves page load times. Simplifies link and event tracking.
Homepage: http://aktagon.com/projects/jquery/google-analytics/
Clone URL: git://github.com/christianhellsten/jquery-google-analytics.git
100644 91 lines (74 sloc) 2.317 kb
raw blame history 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

<html>
	<head>
		<title>jQuery Google Analytics Plugin Examples</title>
		<script src="jquery.js" type="text/javascript"></script>
		<script src="jquery.google-analytics.js" type="text/javascript"></script>
    <script type="text/javascript">
      // Track page, defer loading, track as 404 error
      $.trackPage('UA-1079755-4', {status_code: 404})
    </script>
	</head>
	<body>
 
    <h1>jQuery Google Analytics Plugin Examples</h1>
    <h2>Deferred loading of Google Analytics</h2>
    <code>
    <pre>
// Load Google Analytics script and track page views
&lt;script type="text/javascript"&gt;
   $.trackPage('UA-XXX-XXX')
&lt;/script&gt;
    </pre>
    </code>
    <h2>Internal/external link tracking</h2>
		<div class="normal">
			<a href="/abcdef">Internal link</a><br/>
			<a href="http://www.complex.com">External link</a><br/>
			<a href="#">Named link</a><br/>
      <a href="javascript:void(0)">JavaScript link</a>
		</div>
 
    <h2>Metadata extraction using callbacks</h2>
		<div class="sidebar">
			<a href="http://www.sidebar.com">Sidebar link</a>
		</div>		
 
		<div class="footer">
			<a href="http://www.footer.com">Footer link</a>
		</div>
 
		<div class="complex">
			<a href="http://www.complex.com" class="complex">Complex link</a>
		</div>
 
		<script type="text/javascript">
		$(document).ready(function(){
			$('.normal a').track();
 
			$('.sidebar a').track({
				category : 'sidebar'
			});
 
			$('.footer a').track({
				category : 'footer'
			});
 
			// Support any markup you want, eg. http://microformats.org/wiki/xFolk
			$('.complex a').track({
				// Use class as category. " tracked" is added by plugin...
				category : function(element) { return element.attr('class').replace(' tracked', '') }
			});
		});
		</script>
 
    <h2>Mouse over event tracking</h2>
 
    <a href="www.google.com" id="hover">Hover over me</a>
<script type="text/javascript">
$(document).ready(function(){
  $('a#hover').track({event_name: 'mouseover'})
});
</script>
 
    <pre><code>
$(document).ready(function(){
  $('a#hover').track({event_name: 'mouseover'})
});
    </code></pre>
 
 
    <h2>Custom event tracking</h2>
 
    <pre><code>
$(document).ready(function(){
  $('a#custom-event').click(function() { $.trackEvent('category', 'action', 'label', 'value') });
});
    </code></pre>
 
 
	</body>
</html>