Clean Google Analytics tracking data from your URLs
FeedBurner has a feature which integrates with Google Analytics to tell you how many of your hits come via feed readers. This is rather useful because feed readers typically don't pass any useful referrer information (especially desktop clients). This tracking can be enabled by ticking the "Track clicks as a traffic source in Google Analytics" option in your FeedBurner account.
However, this comes with a disadvantage to those of us who care about clean URLs. I'm sure I'm not the only one who dislikes seeing otherwise clean URLs polluted with Google Analytics tracking data:
You may even add
utm_source=twitter to short URLs when you post to Twitter in addition to tracking your feeds. Either way, a big problem with this is that these URLs are often shared around and not everybody takes the time to remove all the cruft and share the clean canonical URL.
Luckily Google Analytics asynchronous tracking provides a nice little API that lets us queue a function to be ran after the tracking request has been sent. This combined with the
history.replaceState method in HTML5 lets us remove the the tracking data from the URL without reloading the page or breaking the browser's history. Another win for modern browsers.
Update 2011-01-26: I originally called
replaceState with just
location.pathname but that resulted in the removal of anchors within a page (e.g. links to comments). The code has been updated to
location.pathname + location.hash to keep anchors. e.g.
/foo/bar?utm_medium=example#comment-42 will now be replaced with