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
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);
Comment