2010年7月23日 星期五

臺大部落格系統使用 Google Analytics 的方法

20100722_001



今年6月22日曾經致信計中詢問臺大部落格要如何套用Google Analytics程式碼的問題,依據計中的說法,為了整體部落格系統的安全,因此目前是不允許使用<script> tag的

Google Analytics為Google針對網路資源的使用情形所提供的一項計量與分析的服務,簡單來說,就是可以統計並分析來到這個網站的人次、停留時間、找到這個網站的方法、來源、使用瀏覽器等等關於網站使用情形的資料。為了想要深入瞭解自己架設的部落格使用情形,一般僅提供來站人次的計數器逐漸不符合需求,因此才會想要使用Google Analytics這項服務。

臺大部落格系統使用的是WordPress開放源碼所架構的多人版部落格系統,而每一個申請者在後端能控制的權限並不多,甚而佈景版型(template)的原始碼也都無法直接修改;而Google Analytics的使用方式則是需將其所提供的Script程式碼置放於網站原始碼中的</head>tag之前,所以在臺大部落格系統的規劃下,一來無法直接修改原始碼,二來禁止使用<script>tag,所以讓我一度放棄使用Google Analytics的念頭

前些日子意外看到中國大陸關於資安的一篇文章,文章裡面敘述著如何利用CSS的語法呼叫Script(因為臺大部落格可以自行修改CSS,所以才會想說從這個角度切入),使不能使用Script的環境可以藉由其他的方式來獲得相同的效果。看到這篇文章讓我對於當初使用Google Analytics來分析這個部落格的希望死灰復燃,經過幾次的測試,總算是成功了,但就是有點複雜,不利於簡單的操作。藉由這次的經驗,瞭解在不能使用Script的環境裡面「第三者」的重要性,因而尋找網路上是否有人曾經利用、製作或提供過類似的東西與服務,總算是找到了個簡單的玩意兒,測試過也都可以正常操作,於是寫篇文章來介紹,以利使用臺大部落格或其他不能使用Script環境的大家使用。

PS. 如何申請及使用Google Analytics請參酌官方網站或其他網友說明。

Nojsstats

Nojsstats是國外網路同好以Google Analytics為基礎所提供的第三者服務,使用者可以藉其利用Google Analytics來統計一些不能使用Script語言的地方,如:Email、BBS、拍賣網站等,是個簡單易使用的好物!在使用上必須先依據以下公式,製作成專屬的計量網址:

http://nojsstats.appspot.com / google analytics 給予的偵測編號 / 你的網址

例如本部落格專屬的計量網址:
http://nojsstats.appspot.com/UA-xxxxxxxx-x/wuyufan.blog.ntu.edu.tw

這個專屬的計量網址必需讓使用者一來到你的網站就要開啟它,所以大致可以以下幾種方式來開啟:

  1. 當做圖片開啟(實際上不會有圖片)
    <img src="專屬的計量網址" />

  2. 作為 CSS 程式碼開啟
    body{ background: url(專屬的計量網址); }


假如要偵測的是具有 SSL 機制的網站,則必須使用 SSL 版本的 Nojsstats 服務,簡單說就是將專屬的計量網址前的「http」改為「https」(原文的介紹內容可參酌 http://nojsstats.blogspot.com/2009/09/free-google-analytics-without.html 這個網址)。

而在插入的位置,以臺大部落格而言,雖然可以插入於CSS裡面,但是對於不懂CSS的人來說,可能會修改到一些東西(倘若只將CSS程式碼「body{ background: url(專屬的計量網址); }」放進去,那麼你會發現你的背景什麼之類的都不見了),所以建議可以在「介面工具集」裡面多插入一個「文字」的工具集,工具集的標題可以空白,然後在內容的部份則使用以圖片開啟的方式來插入,也就是直接輸入「 <img src="專屬的計量網址" /> 」然後儲存即可,如圖2。

20100722_002
圖2:臺大部落格系統插入 Nojsstats 範例

PS. Nojsstats超過流量是需要付費的,一般使用者無須擔心這個問題。

將文章推薦至:

沒有留言 :

張貼留言

此網誌為本人看法,欲討論者請保持冷靜