給 floss 社群網站管理志工的網站分析入門 - 以 google analytics 為例

給 FLOSS 志工的

網站分析入門趙柏強 BobChao

http://blog.bobchao.net bobchao@gmail.com

Today

● 基礎● 觀念入門● 基礎追蹤設定

● 進階● 活動追蹤● 事件追蹤● 多網域追蹤

●

講義

重點

練習

圖例

! WARNING !

基礎

網站分析？

網站分析 (Web Analytics) 是種網站訪客行為的研究。於商務應用背景來說，網站分析特別指的是來自某網站蒐集來的資料之使用，以決定網站佈局是否符合商業目標

– 維基百科＜網站分析＞

網站分析三階段

分析資料利用科技，取得並儲存所需要的網站使用資料

取得資料 呈現資料以圖表等方式，整合、展示所取得的網站使用資料

整合資料與圖表，比對、分析出對於訪客使用網站的洞察，並利用以優化網站

值得The main issue

用途

● 蒐集網站使用資料，予以統計● 借以分析訪客在網站上的行為，作為網站修改參

考及憑據

新手上路

1. 申請 Google 帳號

2. 設定 Google Analytics 帳戶、資源及設定檔

3. 將追蹤碼嵌入網頁

實際操作基礎追蹤、總覽及一般報表介面

GA 的帳戶、資源及設定檔結構

帳戶 Account

資源 Property

設定檔 Profile

Pageview& Unique Pageview● 頁面被看的次數● 「不重覆」● 何需在意？何不在意？

Visits& Unique Vistors

1 visit?

Time on Page& Time on Site

Total: 3:25 ?

1:13:50 1:17:15

Goal& Conversions閱讀頁面網址、滯在時間、閱讀頁數、觸發事件

轉換率= 達成目標的訪客比例= 目標達成次數 / 訪次

報表：目標

實際操作目標設定、進階區隔

廣告活動追蹤

HTTP Request

請給我 /example/file 這個檔案的內容（ BTW, 我是 abc.com/file 介紹來的）

( 找 )

找到了，內容是 blah blah blah...

( 筆記 : 從 abc.com/file 來的某人，1:35 跟我要了 /example/file)

Source● HTTP request: Referer● 包括 utm_campaign

URL Builder

報表：廣告活動

廣告活動參數設定

名稱 Campaign● 區隔每個「檔次」

來源 Source● 區隔賣廣告的業主

媒介 Medium● 區隔該業主提供的不同媒體（官網、電子報、部落

格 ...etc. ）

內容 Content● 區隔不同的廣告素材（ A/B/C 版、不同文字等等）

Medium / Content

電子報的指標？● 總訂閱人數

（資料庫記錄）● 時段中的訂閱人數、退訂人數

（事件追蹤、資料庫記錄）● 開信數 / 率

（伺服器記錄）● 退信數 / 率

（伺服器記錄）● 點閱數 / 率

（廣告活動追蹤）● 點閱文章● 點閱「 Web 版」

實際操作URL 參數規劃與製作

實際操作資訊主頁、自動郵件、時間軸註解

事件追蹤

請給我 /example/file 這個檔案的內容（ BTW, 我是 abc.com/file 介紹來的）

( 找 )

找到了，內容是 blah blah blah...

( 筆記 : 從 abc.com/file 來的某人，1:35 跟我要了 /example/file)

( 筆記 )

( 筆記 )

( 筆記 )

http://www.evolvingpoet.com/games/manholeman/playmanholeman.html

事件參數設定

類別 Category– 區別事件類別

操作 Action– 區別各種動作（但，不限於動作）

標籤 Label– 為相同的「類別 - 操作」組合提供額外的區隔資訊

價值 Value– 整數值， GA 將計算平均，亦可作為目標價值

事件追蹤語法

_gaq.push(['_trackEvent', category, action, label, value, no-interaction]);

_gaq.push(['_trackEvent', 'movie', 'play', 'Can\'t Touch This']);

報表：事件

事件設定模式

Movie Play Can't Touch This

Movie Play 鋼鐵人電視購物

Movie Play Hello 甄嬛

Movie Play-CTT

Movie Play-IRON

Movie Play-HelloZH

Movie-1 Play Can't Touch This

Movie-2 Play 鋼鐵人電視購物

Movie-3 Play Hello 甄嬛

類別 操作 標籤

http://www.hennessyvsop.com.tw/competition/index.aspx

虛擬頁面追蹤語法

_gaq.push(['_trackPageview', path);

_gaq.push(['_trackPageview', '/tab/wei');

自訂報表

實際操作自訂報表、捷徑、分享自訂資源

測GA 設定、好用試算表

多網域追蹤

:// . ?

網址結構

http sub example.com/path/to/ file.htm key=value

協定

子網域

網域

路徑 ( 目錄 )

檔名 查詢字串

ProductDetail& Cart

More Info.

Payment

Checkout

Product

product.com payment.com

不同子網域

● forum.moztw.org● wiki.moztw.org● www.moztw.org● moztw.org

不同網域（跨網域）

● moztw.org● mozilla-taiwan.org

多網域追蹤設定

1. 修改 GA 資源設定

2. 修改 GA 追蹤碼

3. 跨網域要多做：● 修改 _setDomainName● 傳遞 Cookies 資料

– 修改互連連結： onclick=”_gaq.push(['_link',full_url]); return false;”

– 修改互連表單：onsubmit="_gaq.push(['_linkByPost', this]);"

實際操作修改多網域追蹤設定

帳戶 Account

資源 Property

設定檔 Profile

設定檔結構範例● 帳戶： MozTW

● 資源： moztw.org

● 設定檔：● All sites● 僅討論區● 僅wiki● 僅moztw.org

– www.moztw.org– moztw.org– mozilla-taiwan.org– www.mozilla-taiwan.org

實際操作設定 forum.moztw.org 篩選器

www.moztw.org

moztw.org

mozilla-taiwan.org

www.mozilla-taiwan.org

規則運算式

. → 任一字元– /product./ 同時可抓到 /productA/ 與 /productB/

– 如果單純就這兩種，也可以是 /product[AB]/

– [] → 字元範圍● [A-Za-z] → 所有英文字母，大小寫皆可

？ → 前一字元或群組可有可無– (www\.)? 表示有沒有「 www. 」都符合– \. → 真的要比對「 . 」這個符– () → 群組

規則運算式 (cont.)

* → 前一字元可重複任意次（包括零）– goo*d 可以抓到 good 及 goooood

– .* → 連續的數個任意字元

^ → 放在字串最前，等同開頭比對– ^abc.com 就不會比對到 www.abc.com

規則運算式 (cont.)

| → 「或」(moztw|mozilla-taiwan)\.org

www. moztw.orgmoztw.orgmozilla-taiwan.orgwww. mozilla-taiwan.org

→ ^(www\.)?moz(tw|illa-taiwan)\.org

實際操作設定 moztw.org 設定檔篩選器

SEO 相關議題

SEO?

搜尋引擎最佳化(Search Engine Optimization ，簡稱 SEO)是一種試圖提高網站或網頁在搜尋引擎自然搜尋結果頁中能見度的流程。

– Wikipedia <SEO>

指標

● 入站關鍵字 & 關鍵字搜尋量● 搜尋結果點閱率● 轉換率● 跳出率● 到達網頁

Bounce Rate

跳出！

！

Safe ！

Click-through Rate

曝光點擊

到達網頁

報表：搜尋來源

Google 網站管理員工具

● 主要是 SEO 工具● 與分析整合：匯入關鍵字排名等資訊

實際操作匯入 Google 網站管理員工具資料

內容實驗

內容實驗原理

A BV.S.

69% 43%

真 . 實際操作內容實驗

● 本投影片除網站截圖或另有標示外，內容皆以創用CC姓名標示-相同方式分享3.0台灣版釋出供公眾使用。請在適當處以「趙柏強 http://go.bobchao.net/ga4floss 」彰顯資料來源。

● 大致上就是：只要編輯後的東西也用一樣的條款提供大眾使用，且依要求標示資料來源，那你可以免費把這份投影片中除了網站截圖以外的東西拿去編輯、採用，商業利用也行，都不必再問我。

● 當然，如果你要通知我也很好，請直接在 http://go.bobchao.net/ga4floss 留言。