JQuery plugin for Event Tracking based on Universal Analytics (analytics.js)
Only works with the new Analytics code: Universal Analytics (analytics.js)
Use $('body').analyticsEventTracking(); to initialize the plugin.
All elements in the body tag which contain the class .track will be tracked.
Add data-category="category-name" to specify the category (default: 'General')
Add data-action="click" to specify the action (default: 'click')
Add data-label="label-name" to specify the label (default: '')
Add data-value="1" to specify the value (default: 1)
To use events other than the 'click' event, extend the .track with one of the following:
- -focus
.track-focus- tracks event on focus - -blur
.track-blur- tracks event on blur - -mouseover
.track-mouseover- tracks event on mouseover - -change
.track-change- tracks event on change - -completed
.track-completed- tracks event on blur event when a value is set
The plugin requires jQuery v1.7 (or higher). (HTML5 data attributes required)
The plugin requires Google Analytics script with ga function. (analytics.js)
- selector : The selector of the elements to track (default: '.track')
- default_category : The default category, when not provided as
date-category="category-name"(default: 'General')
<form action="" method="post">
<label for="username">Username:</label>
<input type="email" name="username" value="" id="username" class="track-blur" data-category="login" data-action="completed" data-label="username" />
<label for="password">Password:</label>
<input type="password" name="password" value="" id="password" class="track-blur" data-category="login" data-action="completed" data-label="password" />
<input type="submit" value="Log in" class="track" data-category="login" data-action="click" data-label="button" data-value="2" />
</form>
Pascal van Gemert