jquery-analytics-event-tracking's Introduction

jquery-analytics-event-tracking

JQuery plugin for Event Tracking based on Universal Analytics (analytics.js)

NOTICE

Only works with the new Analytics code: Universal Analytics (analytics.js)

Usage

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)

Advanced usage

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

Dependencies

The plugin requires jQuery v1.7 (or higher). (HTML5 data attributes required) The plugin requires Google Analytics script with ga function. (analytics.js)

Options

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')

Example

<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>