Click here to Skip to main content
15,886,075 members
Articles / Web Development / ASP.NET
Tip/Trick

Integrate an ASP.NET website with Google Analytics

Rate me:
Please Sign up or sign in to vote.
4.54/5 (7 votes)
18 Feb 2013CPOL2 min read 61.3K   17   7
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
JavaScript
<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.

XML
<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  

    XML
    <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, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer PSPL
India India
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
Questionoverhead of using google analytics Pin
Member 912997120-Jan-17 3:29
Member 912997120-Jan-17 3:29 
Questionusing GA in ashx handler asp.net ? Pin
kiquenet.com2-Nov-15 21:30
professionalkiquenet.com2-Nov-15 21:30 
QuestionHow to show feeds/data of Google analytics in asp.net Website Pin
Abhishek Pant16-Jul-14 21:46
professionalAbhishek Pant16-Jul-14 21:46 
AnswerRe: How to show feeds/data of Google analytics in asp.net Website Pin
Abhishek Pant9-Dec-14 21:18
professionalAbhishek Pant9-Dec-14 21:18 
SuggestionNot an Article Pin
bbirajdar21-Jul-13 23:42
bbirajdar21-Jul-13 23:42 
Not enough contents for an article. Should be posted in the tips and tricks section. I did not vote
GeneralRe: Not an Article Pin
Pete O'Hanlon7-Oct-13 7:01
mvePete O'Hanlon7-Oct-13 7:01 
GeneralVery Simple Pin
Bandi Ramesh18-Feb-13 0:47
Bandi Ramesh18-Feb-13 0:47 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.