Comments on: Track Downloads and Other Click Events in Analytics with jQuery http://www.ravelrumba.com/blog/track-downloads-and-other-click-events-in-analytics-with-jquery/ web design & web development Tue, 27 Jul 2010 00:01:26 +0000 hourly 1 http://wordpress.org/?v=4261 By: Rob Flaherty http://www.ravelrumba.com/blog/track-downloads-and-other-click-events-in-analytics-with-jquery/comment-page-1/#comment-670 Rob Flaherty Mon, 05 Jul 2010 15:53:04 +0000 http://www.ravelrumba.com/?p=233#comment-670 David, Yes! For an updated version that uses the async implementation, see <a href="/blog/tracking-events-in-analytics/" rel="nofollow">this post</a>. David,
Yes! For an updated version that uses the async implementation, see this post.

]]> By: David http://www.ravelrumba.com/blog/track-downloads-and-other-click-events-in-analytics-with-jquery/comment-page-1/#comment-669 David Mon, 05 Jul 2010 11:13:14 +0000 http://www.ravelrumba.com/?p=233#comment-669 hi, Do you have an updated plugin for using with asynchronous google analytics? hi,

Do you have an updated plugin for using with asynchronous google analytics?

]]> By: Track Downloads and Other Click Events in Analytics with jQuery | MirthLab http://www.ravelrumba.com/blog/track-downloads-and-other-click-events-in-analytics-with-jquery/comment-page-1/#comment-99 Track Downloads and Other Click Events in Analytics with jQuery | MirthLab Mon, 14 Dec 2009 22:00:59 +0000 http://www.ravelrumba.com/?p=233#comment-99 [...] First time here? Subscribe to my RSS feed or follow me on Twitter. Thanks for visiting!A great rundown by Rob Flaherty on how to Track Downloads and Other Click Events in Analytics with jQuery: [...] [...] First time here? Subscribe to my RSS feed or follow me on Twitter. Thanks for visiting!A great rundown by Rob Flaherty on how to Track Downloads and Other Click Events in Analytics with jQuery: [...]

]]> By: Phil Dokas http://www.ravelrumba.com/blog/track-downloads-and-other-click-events-in-analytics-with-jquery/comment-page-1/#comment-98 Phil Dokas Mon, 14 Dec 2009 21:02:33 +0000 http://www.ravelrumba.com/?p=233#comment-98 I'd have to sit down with it for a bit to check, but in my experience you often need to use the "target" prop of the event object passed to the handler (e.g. $('foo').live('click', function(event) { /* … */ $(event.target).doStuff(); }); ) to ensure that the event is handled correctly every time. My understanding being that -- at least sometimes, sorry that I don't have a precise explanation here -- the scope the function will run in is the document and thus "this" will point to the document object. It's entirely possible that I've been missing something in my projects though. I'll look into this when I've got free time later tonight. I’d have to sit down with it for a bit to check, but in my experience you often need to use the “target” prop of the event object passed to the handler (e.g. $(‘foo’).live(‘click’, function(event) { /* … */ $(event.target).doStuff(); }); ) to ensure that the event is handled correctly every time. My understanding being that — at least sometimes, sorry that I don’t have a precise explanation here — the scope the function will run in is the document and thus “this” will point to the document object.

It’s entirely possible that I’ve been missing something in my projects though. I’ll look into this when I’ve got free time later tonight.

]]> By: Rob Flaherty http://www.ravelrumba.com/blog/track-downloads-and-other-click-events-in-analytics-with-jquery/comment-page-1/#comment-34 Rob Flaherty Fri, 04 Dec 2009 22:40:20 +0000 http://www.ravelrumba.com/?p=233#comment-34 Hey Phil, I think you're absolutely correct. Since we're binding multiple classes to the same handler, the .live() method, from a performance perspective, would be the smarter approach. My only concern is that .live(), as you said, relies on the event bubbling up to the document level. If an ancestor of our tracking element has a click event handler using <code>return false</code>, the bubbling chain is terminated before the event reaches the document. Ben Nadel has a nice <a href="http://www.bennadel.com/index.cfm?dax=blog:1754.view" rel="nofollow">post about this</a>, where 2 solutions are discussed: using a <code>mousedown</code> event instead of <code>click</code>, and using <code>preventDefault</code> instead of <code>return false</code>. How is "this" affected by using .live() in place of .bind()? I was able to replace bind with live in the aforementioned code and everything worked as before. Thanks for your comments! Hey Phil, I think you’re absolutely correct. Since we’re binding multiple classes to the same handler, the .live() method, from a performance perspective, would be the smarter approach.

My only concern is that .live(), as you said, relies on the event bubbling up to the document level. If an ancestor of our tracking element has a click event handler using return false, the bubbling chain is terminated before the event reaches the document. Ben Nadel has a nice post about this, where 2 solutions are discussed: using a mousedown event instead of click, and using preventDefault instead of return false.

How is “this” affected by using .live() in place of .bind()? I was able to replace bind with live in the aforementioned code and everything worked as before.

Thanks for your comments!

]]>