Track custom event with Google Analytics

track-buttons.js

// keep everything out of the global scope
( function() {
	var buttons, buttonOrder = 0;

	function trackButtonClick( e ) {
		e.prventDefault(); // make sure page doesn't reload
		// track button click noting color and order
		_gaq.push([ '_trackEvent', 'Survey Data', 'Button Click', this.getAttribute( 'data-color' ), buttonOrder  ]);
		buttonOrder++; // add 1 to button order so we can see the order the button was clicked in
		this.removeEventListener( 'click', trackButtonClick ); // remove the event so it can't be tracked again
		this.setAttribute( 'disabled', true ); // make button appear disabled
	}

	buttons = document.getElementByTagName( 'button' );
	for ( var i = 0; i < buttons.length; i++ ) {
		buttons[ i ].addEventListener( 'click', trackButtonClick );
	}
} )();