Automatically trigger Google Analytics events by setting data attributes on HTML elements to track.

Auto GA Event Tracking.js

/* Custom event-tracker wrapper function. */
function trackEvent(category, action) {
	if (!category || !action) {
		console.warn('trackEvent takes a category and an action.');
	}
	else {
		_gaq.push(['_trackEvent'].concat([].slice.call(arguments)));
	}
}

/* Support data attributes for events. */
/* data-event="event_name(s)|category|action|label|value|noninteraction" */
$(document).ready(function () {
	$('[data-event]').each(function () {
		var data = $(this).data('event').split('|');
		
		$(this).on(data.shift(), function () {
			trackEvent.apply(null, data);
		});
	});
});

Example use:

<button type="button" data-event="click|GitHub Gist|Click|365319">Whammy</button>
<div id="super-important" data-event="mouseenter mouseleave|GitHub Gist|Hover|365319">...</div>

Events will be triggered when the button is clicked and when the div is hovered over/out.

The format of the data attribute value must be: event_name(s)|category|action|label|value|noninteraction

• event_name(s) is a space-separated list of one or more jQuery event names
• for everything else, see https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide

The only required tokens are: event_name(s), category, and action.