GoFuckYourself.com - Adult Webmaster Forum - View Single Post - anyone track clicks inside an element using GA?

fris · 04-21-2012, 05:29 PM

anyone ever thought of tracking clicks inside a div?

like a video

<div id="video">
{embed}
{textlink}
</div>

anyone doing this using GA?

here is the code for anyone who wants to try it

Code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>test</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="jquery.ga.js"></script>

    <script>
    jQuery(document).ready(function($){
	$.ga('UA-XXXXXX-X');
	$('#video').ga('click', ['_trackEvent', 'Videos', 'Play', 'videoid=197', '0']);
    });
    </script>
  </head>

  <body>

    <div id="video">
	{links here}
    </div>

  </body>
</html>

// ga jquery plugin

(function($){
	var load = false;
	var queue = new Array();
	
	var gaPush = function(){
		if ((typeof _gaq != undefined) && load){
			_gaq.push(arguments[0]);
		} else if (!load) {
			queue.push(arguments[0]);
		} else {
			$.error('_gaq is undefined');
		}
	};

	$.ga = function(){
		if (typeof arguments[0] === 'object'){
			gaPush(arguments[0]);
		} else if (typeof arguments[0] === 'string'){
			var ua = arguments[0];
			gaPush(['_trackPageview']);
			$.ajax({type: 'GET', url: ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js', cache: true, dataType: 'script', data: null}).complete(function(){
				load = true;
				queue.unshift(['_setAccount', ua]);
				$.each(queue, function(ind){
					gaPush(queue[ind]);
				});
			});
		}
	};
	
	$.fn.ga = function(){
		if (typeof arguments[0] === 'string') {
			var event = arguments[0];
			var args = arguments[1];
			return this.each(function(){
				var $this = $(this);
				$this.bind(event + '.ga', function(){
					gaPush(args);
				});
			});
		} else {
			return this;
		}
	};
})(jQuery);