Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

Integrate an ASP.NET website with Google Analytics

0.00/5 (No votes)
18 Feb 2013 1  
This article helps to track your web pages and internal links with the help of Google Analytics.

Introduction

This article helps to track your website pages and internal links with the help of Google Analytics. Google Analytics is used to track a website. We can get the following reports by configuring our site with Google Analytics.  

  1. How many people visited our site daily.
  2. Where they are going from our site.

    i.e, Tracking internal links of the page and click counts.

  3. Area wise reports.....etc. still we can get different type of reports using Google Analytic.

Background

Steps to configure your website with Google Analytics.  

  1. Create a Gail Account . 
  2. Sign in here http://www.google.com/analytics/  
  3. After log in, click on Sign Up button displayed at ringside of the page. 
  4. Now a form get displayed. Here provide your website name, your website URL ,Account Name other details.
  5. Finally click on Get Track ID button and then click on  i accept button.Now some java-script code will be displayed, which looks like as bellow script
<script type="text/javascript"> 

var _gaq = _gaq || []; 
_gaq.push(['_setAccount', 'UA-XXXXXXXX-X']); 
_gaq.push(['_trackPageview']); 

(function() { 
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

Using the Code 

You just copy above generated script and  paste on the page you want track. For example if you want to track 3 pages in your website then you have to paste this script on three pages.

You have to paste the script just above the  end of body tag.

<html>

<body>

-------your design------ 

-----Here paste above generated the script--------  

</body>  

</html>

The above stuff is for tracking your page.i.e We can get no.of people visited our page.

Steps to track outbound links in a page with Google Analytics.   

The links that redirects from our page to any other page are called as outbound links.If you want to track links with in the page then you have to fallow 2 steps..

  1. Paste the below script within the <head> tag  
<script type="text/javascript"> 
function trackOutboundLink(link, category, action) {
    try {
        _gaq.push(['_trackEvent', category, action]);
    } catch (err) { }
    setTimeout(function() {
        document.location.href = link.href;
        }, 100);
    }
</script>
  1. Call the function trackOutboundLink() from each and every link available in your page 

    E.g.: Suppose your link is like 

    <a href="http://www.abcd.com" ></a> 

    You just modify above link by adding a onclick event  

    <a href="http://www.abcd.com" onclick="trackOutboundLink(this,
        'Outbound Links', 'http://www.abcd.com'); return false;"> </a> 

Note:

  1. Now you can watch all the reports by log in in to your account.
  2. Sign in here: http://www.google.com/analytics/.

  3. You can't see reports immediately in Google analytics. It will take 24 hours to display all type of reports.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here