Skip to content

Simple jQuery plugin for DOM-event click tracking for Analytics, using mousedown and keydown for avoiding race-conditions. Includes shortcut functions for Google Analytics and Optimizely.

Notifications You must be signed in to change notification settings

yahelc/Easy-Event-Tracking-for-Google-Analytics-and-Optimizely

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 

Repository files navigation

Instead of building complex functions for DOM-event driven click tracking over and over again, this plugin makes it simple to just bind the events directly.

It's important to note that this should not be used for actual, mission-critical events (since it does not use click()). It is specifically intended for click-based event tracking. While some sources recommend using return false; and setTimeout for doing this click tracking, it's unwise to interrupt actual user actions and hope for the best on setTimeout. Instead, using mousedown and keydown are close-enough approximations for web analytics.

Sample

<a href="/bar.html" id="foo">Click here</a>

For binding custom analytics events to that click, all you'd need to write is:

$('#foo').analytics(function(){
//custom tracking code here. 
});

If you'd like to trigger a Google Analytics tracking event anytime someone initiates a click on #foo, all you'd need to write is:

$('#foo').gaevent(['Category', 'Action', 'Label', 1]);

For triggering an Optimizely custom goal for all keypresses and mousedowns, all you'd need to write is:

$('#foo').optimizely('goal_name');

About

Simple jQuery plugin for DOM-event click tracking for Analytics, using mousedown and keydown for avoiding race-conditions. Includes shortcut functions for Google Analytics and Optimizely.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published