Google Analytics – How to manually Track Clicks on Outbound Links

You can use Google Analytics to track clicks on links that lead away from your site. Because links that lead away from your site are not automatically tracked, you will need to manually tag all outbound links you want to track. To do this, you’ll add some JavaScript customizations to your page and to the links you want to track.

1. Set up Event Tracking in your Analytics Tracking code. This is a simple matter of adding the following line to the tracking code for your pages after the page tracking object is set up:
   JavaScript

   <script> var pageTracker = _gat._getTracker('UA-XXXXX-X'); pageTracker._trackPageview(); </script>

   1 2 3 4

   <script> var pageTracker = _gat._getTracker('UA-XXXXX-X'); pageTracker._trackPageview(); </script>

2. Add a JavaScript method in the head of your document to delay the outbound click by a fraction of a second. This delay will hardly be noticeable by the user, but it will provide the browser more time load the tracking code. Without this method, it’s possible that a user can click on the outbound link before the tracking code loads, in which case the event will not be recorded. Here’s what the JavaScript code in the section should look like (assuming you will use your own tracking code ID):
   JavaScript

   <script> function recordOutboundLink (link, category, action) { try { var pageTracker =_gat._getTracker("UA-XXXXX-X"); pageTracker._trackEvent(category, action); setTimeout('document.location = "' + link.href + '"', 100) } catch (err) {} } </script>

   1 2 3 4 5 6 7 8 9 10

   <script> function recordOutboundLink (link, category, action) {   try {     var pageTracker =_gat._getTracker("UA-XXXXX-X");     pageTracker._trackEvent(category, action);     setTimeout('document.location = "' + link.href + '"', 100)   }   catch (err) {} } </script>

3. Update your outbound links to call the new function without first following the link. For example, to log every click on a particular link to www.example.com, you would use the _trackEvent() method in the link’s tag:
   XHTML

   <a href="http://www.example.com" onclick="recordOutboundLink(this, 'Outbound Links', 'example.com');return false;">Trackable Link</a>

   1	<a href="http://www.example.com" onclick="recordOutboundLink(this, 'Outbound Links', 'example.com');return false;">Trackable Link</a>

   The example above uses the category label Outbound Links. This is a useful way to categorize all outbound links in the Event Tracking reports. It sets the specific name of the website as the second parameter in the call. With this structure in place, you could then see Outbound Links as one of the event categories and drill down to see which particular outbound links are the most popular. Be sure to use return false for the onClick handler, because without that statement the browser will follow the link before the recordOutboundLink method has a chance to execute.

   For more information on using event tracking, see the Event Tracking Guide on Google Code.

   Article Reference URL:
   http://www.google.com/support/googleanalytics/bin/answer.py?answer=55527&cbid=-wlhzojb6oodb&src=cb&lev=index