首頁 找課程 認證課程 Google Analytics 個人認證 WA 中您可能不知道的小技術(三)

WA 中您可能不知道的小技術(三)

上一篇“WA 中你可能不知道的小技術2”文章裡我們講過電子商務監測,即透過 WA 工具,監測用戶訂單行為。這次我們來講 WA 設定時需要考慮的策略。

連續兩篇文章,我們都羅列了很多代碼,本文章裡我們會多用一些圖去說明。

還是以網站分析星期三(chinawaw.org)網站的 Google Analytics(GA)的帳號為例子講。

我們登入到 WAW 網站分析星期三的 GA 帳號裡,到管理(admin)界面去,最左一列是帳號管理,我們選擇了 chinaWAW.org 帳號(account),下拉框展開後可以看到有多個帳號(這裡我們就不全部展開了):

Website Analytics,網站分析,Google Analytics

中間一列是 Property,用來管理在 chinaWAW.org 帳號底下的所有 properties。

Website Analytics,網站分析,Google Analytics

以下的圖我們放大後,你會清楚看到一個叫做 ChinaWAW.org 的 property,它對應的 GA ID 號是 UA-63334315-1。

Website Analytics,網站分析,Google Analytics

你回去看我們上兩篇文章給你講過的 WAW 網頁上的 GA 代碼,不就是這個ID:

<script>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r] .q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName( o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’//www.google-analytics.com/ analytics.js’,’ga’);
ga(‘create’, ‘UA-63334315-1′, ‘auto’);
ga(‘send’, ‘pageview’);
</script>

最右邊一列是 View,在 ChinaWAW.org property 下我們可以建立多個 views,一般我們可以透過 filters 配置,去建立不同的 views。這裡我們暫時先不展開 view 的功能。

Website Analytics,網站分析,Google Analytics

簡單說說 Views 的意思吧。你 GA 代碼收集到的數據是按 property 範圍的,每個 view 是在它對應的 property 的數據範圍內的範圍。以下的圖說明了 view 與 property 的數據範圍關係:

Website Analytics,網站分析,Google Analytics

手機時代的 WA high-level 設定

在智慧型手機時代,你會留意到很多中國的電商網站或者旅遊產品預訂網站,它們會給用戶去建立一個適合手機螢幕使用的網站。

|www.ctrip.com –適合 PC 和平板上使用的網站(主域名下)
|m.ctrip.com –適合手機上使用的網站(二級域名)

當然,你平常留意多的話,你會看到攜程官網(PC/平板適用)下也有二級域名,比如:

|flights.ctrip.com
|hotels.ctrip.com
|vacations.ctrip.com

當初是什麼原因使用過個二級域名,我們這裡先不展開了。

我們再以一個基礎 GA 監測代碼為例去說明,比如這是用來監測某一個的網站的監測代碼。

比如這網站其實有 PC 版網站和手機版網站:

www.example.com – PC 版網站
m.example.com –手機版網站

第一個設定方式是,兩個二級域名都是用相同的 GA ID,比如:

<script>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r] .q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName( o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’//www.google-analytics.com/ analytics.js’,’ga’);
ga(‘create’, ‘UA-xxxxxxxx-1′, ‘auto’);
ga(‘send’, ‘pageview’);
</script>

會造成什麼問題呢?你在 GA 報表看到的任何數據,都是兩個站(PC+手機)混在一起的,你會需要用 GA 報表裡的一個功能(second dimension)才能把兩個站的數據在報表中區分。(這網站不是 WAW)

Website Analytics,網站分析,Google Analytics

<script>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r] .q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName( o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’//www.google-analytics.com/ analytics.js’,’ga’);
ga(‘create’, ‘UA-XXXXXX-1′, ‘auto’);
ga(‘send’, ‘pageview’);
</script>

不想數據都混在一堆,經常分不清楚的話,也有辦法的。這是第二種方法。給 PC 版網站一個 GA ID,給手機版網站另一個 GA ID。這個是 PC 版網站的代碼,留意 GA ID 是 UA-xxxxxxxx-1。

<script>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r] .q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName( o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’//www.google-analytics.com/ analytics.js’,’ga’);
ga(‘create’, ‘UA-xxxxxxxx-1′, ‘auto’);
ga(‘send’, ‘pageview’);
</script>

有注意到,比如 GA ID 是 UA-xxxxxxxx-2,跟 PC 版網站不一樣的。

<script>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r] .q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName( o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’//www.google-analytics.com/ analytics.js’,’ga’);
ga(‘create’, ‘UA-xxxxxxxx-2′, ‘auto’);
ga(‘send’, ‘pageview’);
</script>

回去管理界面的話,也就是中間一列,會出現 2 個 GA ID。

Website Analytics,網站分析,Google Analytics

最後一種方法是,用 3 個 GA ID 實現。為什麼 3 個?

首先 GA 報表裡用的數據是不能回滾的,比如你一開始用一個 GA ID 放在兩個網站上(PC 和手機),已經歸屬到這個 ID 的數據,是不能透過其他方式去區分了。

另外,如果你在中途,設定第二種方式,蒐集到的數據是從代碼設定完成開始的。你第一種方式的代碼如果同時撤掉的話,你老的數據就在放在第一個 property 裡,而後來的數據都只能在後來新增的 properties 裡。

又不想失去以前的數據延續性,有需要以後把兩個站的數據區分開,你會需要分別在 PC 站和手機的網頁上修改小部分 GA 代碼。比如,PC 版網站的網頁上,需要改成:

<script>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r] .q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName( o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’//www.google-analytics.com/ analytics.js’,’ga’);
ga(‘create’, ‘UA-xxxxxxxx-1′, ‘auto’);
ga(‘send’, ‘pageview’);
ga(‘create’, ‘UA-xxxxxxxx -2′, ‘auto’, ‘a’);
ga(‘a.send’, ‘pageview’);
</script>

手機版網站的網頁上,需要改成:
<script>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]| |function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement (o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’ //www.google-analytics.com/analytics.js’,’ga’);
ga(‘create’, ‘UA-xxxxxxxx-1′, ‘auto’);
ga(‘send’, ‘pageview’);
ga(‘create’, ‘UA-xxxxxxxx-3′, ‘auto’, ‘b’);
ga(‘b.send’, ‘pageview’);
</script>

留意到 UA-xxxxxxx-1 (property 1)是繼續保留的,而且分別在 PC 版網站和手機版網站新增了 UA-xxxxxxx-2 (property 2)和 UA-xxxxxxx-3 (property 3)的監測。

最終實現到的數據蒐集就像以下圖裡,數據蒐集到 3個 properties 裡。

Website Analytics,網站分析,Google Analytics

WAW 網站的 WA 設定

chinawaw.org 網站只有 www.chinawaw.org 一個域名,而並沒有用到 m.chinawaw.org (你不相信可以在瀏覽器上嘗試打開,然後你會發現它並不存在)。你可以自己分別在 PC 打開 www.chinawaw.org,你會發現在 PC 瀏覽器上,WAW 網站是這樣的:

Website Analytics,網站分析,Google Analytics

而在手機瀏覽器(比如蘋果 iPhone 裡的 Safari),它是這樣的:

Website Analytics,網站分析,Google Analytics

WAW 是不需要給 PC 和手機提供兩個不同二級域名的,因為網站本身採用了 Responsive design (響應式設計)。如果是熟悉 WordPress CMS 模板設計的同學,還會看得出WAW 網站的模板/CMS 是 WordPress 的。簡單說,無論網站從 PC 造訪還是手機造訪,都只有一個版本的域名(或 URL)。

所以 chinawaw.org 無論如何就只需要用一個 property。

總結

很多時候,由於不同的情況,不同的原因,會有不同的需求。就以我們剛講過的一些網站會使用到二級域名,其他又不使用。

好啦,已經一共 3 篇文章了,所以順帶一提,我們例子上使用的 GA 代碼都是 GA Universal Analytics 版本的代碼,假如你不是這個版本,比如是老一號版本(Asynchronous)的,代碼看起來會跟我們文章裡的不一樣。

本文由dcplus數位行銷實戰家編輯
出處:dcplus 合作夥伴 WAWChina
【原文】WA中您可能不知道的小技術(三)

作者簡介
蔡維東Gordon Choi,E-Bizcamp聯合創始人

關於 WAWChina

WAWChina
網站分析星期三(Web Analytics Wednesday) 是一個頂尖的互聯網交流和分享的NGO平臺, 同時也是國內最大的系統介紹網站分析以及互聯網行銷分析和優化的專業網站。WAW創辦人宋星是百度廣告產品部首席顧問;WAW共同創辦人顧青是E-Bizcamp.com創辦人暨執行長。

大家都在看

跟華杉學品牌營銷導讀,台灣中小企業經營者必讀書籍

跟華杉學品牌營銷導讀,台灣中小企業經營者必讀書籍

一個企業如果一開始就活不下去,再多的理想與夢想都是空話,但一個理論或一個方法論,限制與後續該注意的地方,你能否看懂背後沒有表現呈現的部分,就是得像我這樣有經驗的導讀人整理後告訴你的部分了~

還想知道更多數位新知?快來訂閱 dcplus 關鍵分享報

您希望收到哪些資訊呢?