自訂 Google Analytics 報表分析瀏覽器趨勢

（圖來自 Kevin Dooley）

今天看到這篇文章「驚！最新調查：IE 「仍」是用戶最愛的瀏覽器！」嚇了一跳，獎金獵人很早就已是 Chrome 使用者最多，今年初的新版型開始 CSS3 。測試上，完全 OK 的是 Chrome、Firefox、IE9以上、Safari，IE7~8 閱讀還行，但是 CSS3 圓角、陰影就會看不見，我也懶得為了老舊瀏覽器使用者製作圓角圖。

但為了更進一步確認，所以著手分析了獎金獵人的使用者使用的瀏覽器。

Google Analytics 永遠是使用者分析最好的工具，不過他的瀏覽器報表卻不大好用。看起來是這樣的，

加上次要維度之後可以看出瀏覽器版本的差異。

不過如上圖， Chrome 版本號 24 開頭的也太多了，但對我們來說都是一樣的，我們需要把這些資料整理一起，這樣比較才有意義。

好在 Google Analytic 有許多自訂功能，以下分享兩種方式。

方法一、新增一個「設定檔」

Step 1 – 新增設定檔

進入 GA 管理頁面，找到設定檔這個 TAB，點下去填寫設定檔名稱然後儲存。

Step 2 – 設定篩選器

設定成以下這樣：

欄位 A -> 擷取 A: 瀏覽器: ^(.*)$

欄位 B -> 擷取 B: 瀏覽器版本: ^([0-9]+).[0-9].[0-9]*$

輸出至 -> 建構函式: 瀏覽器: $A1 $B1.x

如圖，

這樣等待一天過後，回到報表選擇該設定檔，就會看到 Chrome 版本集合在一起。

方法二、設定進階區隔

第二個方法是如果你想看長期的瀏覽器使用走勢，並且讓這些數據顯示成線條圖，就可以用這個方式。下圖就是獎金獵人開站以來，各個瀏覽器使用量的走勢。

綠色的是 Chrome，可以說是直線上升，和 IE9 一下子就拉開距離，而 IE 最後的討人厭版本 8（圖中紫色線），在 2011 年忽然增多之後，就直直落下，到今年二月還有11% 的比例。而橘色的 Firefox 上升的就很慢，但也沒有下降。

設定方法很簡單，見下圖：

如果你懶得一個一個設，可以直接點我的進階區隔設定分享，選擇你的 GA 檔案即可：

IE9 以上

進階區隔設定: IE8

進階區隔設定: IE7

進階區隔設定: IE6

進階區隔設定: Firefox 所有版本

進階區隔設定: Chrome 所有版本

因為獎金獵人很早就放棄 IE6 了，所以一直沒去關心到底還有多少使用者。其實現在還是有呢！！以下是討厭的 IE 流量比較表。藍色是 IE8（普通討厭）、橘色是 IE7（有夠討厭）、綠色是 IE6（超級討厭）。

看到 Chrome 使用者快要一半了真是鬆了口氣。IE 痛苦時代過去，迎面而來的是螢幕尺寸過多的 Responsive Design 新痛苦時期吧！