分析流量(Analyzing Traffic )

時間 2021-08-12

標籤 javascript html java web 編程瀏覽器 app asp.net ide 佈局欄目 JavaScript 简体版

原文原文鏈接

當您發佈您的網站後，可能須要要分析您的網站流量。 javascript

您將學習： html

l 如何將您相關的站點信息提交到Analytics供應商。 java

如下是在本章介紹ASP.NET編程時引入的概念： web

l Analytics helper 編程

跟蹤訪問者的信息（Analytics）瀏覽器

Analytics是測量您的網站流量所用技術的總稱，經過Analytics您就能夠了解人們在您網站的訪問狀況。有許多網站提供分析服務，包括谷歌，雅虎，StatCounter和其餘服務。 app

分析工做的方式是，您在分析供應商網站上註冊一個賬戶，而且添加您要跟蹤的網站。提供商會發送給您一段JavaScript代碼，其中包括爲您的賬戶ID。您須要在要跟蹤的網站網頁上添加這段JavaScript代碼。（您一般添加頁腳或佈局頁或其餘HTML標記中，讓Analytics腳本出如今您的網站的每一頁上。）當用戶請求一個頁面，其中包含這些JavaScript腳本，腳本會發送關於當前頁面的信息到Analytics供應商，讓其記錄頁面的各類細節。 asp.net

當您想看看您網站的統計，就須要登陸到分析供應商的網站。而後，您能夠查看關於您網站的各類報告，如： ide

· 個別網頁的頁面瀏覽量。顯然，這告訴你（大約）有多少人訪問該網頁，並在您的網站頁面是最流行的。佈局

· 在特定網頁上保持比較久的人。這能夠告訴你，您的那一個主頁，是對人們有利的。

· 在訪問您的網站以前，來訪者訪問了那些網站。這有助於你瞭解你的流量是否來自連接，搜索引擎，等等。

· 您的來訪問者的回頭率。

· 您的訪問者是從哪些國家登陸的。

· 您的訪問者使用哪些瀏覽器和操做系統。

ASP.NET中包括Analytics Helpers（Analytics.GetGoogleHtml，Analytics.GetYahooHtml，Analytics.GetStatCounterHtml），這樣更容易管理分析使用的JavaScript代碼。搞清楚如何以及在何處添加JavaScript代碼，而不是必須在全部的頁面中添加Analytics Helpers。您須要提供的惟一信息是您的賬戶名稱。（若是是StatCounter，你須要提供一些額外的值。）

在此過程當中，您將建立一個layout（佈局頁面）使用的GetGoogleHtml的Helpers。若是你已經有一個Analytics提供商網站的賬戶，你可使用該賬戶。

注意： 當您建立Analytics賬戶，您註冊的網站須要添寫被跟蹤的網址。若是您正在測試您的本地計算機上的代碼，您將不會被跟蹤（由於實際的通訊者只有一您本身），因此您不可以記錄和查看網站的統計資料。但這一過程顯示瞭如何在頁面中添加Analytics Helpers。當您發佈您的網站後將信息發送到您的Analytics提供商。

1. 若是您尚未添加ASP.NET Web Helpers Library到您的站點，請添加進來，具體方法請參照WebMatrix和ASP.NET網頁入門。

2. 建立一個Google Analytics賬戶，並記錄賬戶名稱。

3. 建立一個佈局頁面名爲Analytics.cshtml並添加下面標記到頁面中：

<!DOCTYPE html>
<html>
<head>
    <title>Analytics 測試</title>
</head>
<body>
    <h1>Analytics 測試頁面</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
    <div id="footer">
      © 2010 MySite
    </div>
    @Analytics.GetGoogleHtml("您的Analytics帳號")
</body>
</html>

注意： 你必須把調用的Analytics Helpers放在您的網頁的Body的最後（</ BODY>標記以前）。不然，瀏覽器將不會運行該腳本。

若是你使用不一樣的Analytics供應商，請使用如下Analytics Helpers之一，而不是GetGoogleHtml方法：

· (Yahoo) @Analytics.GetYahooHtml("個人賬戶")

· (StatCounter) @Analytics.GetStatCounterHtml("project", "security")

4. 取代「個人賬戶」爲您在步驟2中建立的賬戶的名稱。

5. 在瀏覽器中運行頁。（確保選定的頁在文件工做區，而後再運行它。）

6. 在瀏覽器中，點右鍵查看頁面的源代碼。您就能夠看到所呈現的Analytics代碼：

<!DOCTYPE html>
<html>
<head>
    <title>Analytics Test</title>
</head>
<body>
    <h1>Analytics Test Page</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <div id="footer">
      © 2010 MySite
    </div>
    <script type="text/javascript">
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
      try{
      var pageTracker = _gat._getTracker("myaccount");
      pageTracker._trackPageview();
      } catch(err) {}
    </script>
</body>
</html>