User Action Tracking - Google Analytics
•
4 likes•2,005 views
取巧的使用Google Analytics來儲存過億筆的使用者和遊客的行為資料，省去伺服器建置和維護成本，適合小企業使用。
More Related Content
Featured
Featured (20)
User Action Tracking - Google Analytics
- 1. User Action Tracking Google Analytics 1.3.2014 by tureki
- 13. “免費總是要付出一些代價”
- 16. User Interface Track （UI Track） ✤ 網站介面的tracking! ✤ 例如:網頁某個頁面的某個區域的某個按鈕的點擊狀況! ✤ 實際情況:A覺得 好，那到底 ✤ 個按鈕放紅色較好，B覺得放綠色 一個好？! 我們科學點，Track UI！數據會說話！
- 17. Backend Track ✤ 網站用戶背後分析的tracking! ✤ 例如:網站User看了什麼，買了什麼個商品等! ✤ 為了做Data Mining，用戶興趣等! ✤ 實際情況:會員最喜歡 ✤ 後端使用如:(php,python etc.)將資料push給GA 一個分類？最喜歡 一個商品等!
- 18. “在實做前, 還必須了解...”
- 21. 如果網址是/user/register/index.html! ! 那麼GA就會將它變成:! user/! ├── register/! │ ├── index.html! ! 也就是說 / 號GA會自動將內容會變成目錄層級（/不能亂用）。
- 22. “重點來了” “如果Track Page View 的資料能自己DIY不就很棒了？”
- 25. 舉例 ✤ UA-XXXXX-01 -> 網站一般GA! ✤ UA-XXXXX-02 -> UI Track GA(lab)! ✤ UA-XXXXX-03 -> UI Track GA(正式)! ✤ UA-XXXXX-04 -> Backend Track GA(lab)! ✤ UA-XXXXX-05 -> Backend Track GA(正式)
- 27. 一個頁面是容許建立兩個實例，以下是ga給的範例：! <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-XXXXX-1', 'your.domain');! ! </script>! ! 一個頁面是同時可以建立多個實例的，如：! var ga_1 = ga('create', 'UA-XXXXX-1', 'your.domain');! var ga_2 = ga('create', 'UA-XXXXX-2', 'your.domain');
- 28. 開始實做 UI Track
- 30. 當IMG被被點擊時候（JS） var ga_ui_track = ga.create('UA-XXXXX-02', 'auto', {'name': 'UA-XXXXX-02'});! ga_ui_track.send('pageview',{page:"/index/img-panel/left/img"});! ! 你在GA的後台就能即時看到，如圖： 修改成功！! ! 聰明的你會發現! ! 其實設計PATH(/index/img-panel/left/img)才是重點,! ! 不同的需求會有不同的目錄結構
- 31. 為了要讓追踪變得簡單，我的做法是將追踪的track放在html內! <img src="small.jpg" track="/index/img-panel/small/img"/>! ! 用jQuery偵測全域的attr:! var ga_ui_track = ga.create('UA-XXXXX-02', 'auto', {'name': 'UA-XXXXX-02'});! ! jQuery('body').on('click', '[track]', function(e) {! ! ! var _str_track = jQuery(this).attr("track");! ! ! ga_ui_track.send('pageview',{page:_str_track});! ! });
- 36. “記得！PATH很重要!”
- 42. 範例三 會員買了一個商品，假設商品有分類，商品也有ID。! /member/{Member ID}/buy/item/{CATALOG ID}/{ITEM ID}! 也就是! /member/1/buy/item/2/3! ! PHP後端使用的範例請看：! https://github.com/thomasbachem/php-ga! ! 重點就在：! $tracker->trackPageview("/member/1/view/page/index", $session, $visitor);
- 43. GA後台搜尋 若要找分類2商品，搜尋就下! /item/2/! ! 如果要找ITEM ID 3，搜尋就下! /item/2/3/! ! 注意：GA的search支援regex，所以如果你會正規，東西更好找! regex URL! ! https://support.google.com/analytics/answer/1034324?hl=en
- 44. Guest的問題
- 47. “ 裡給個簡單的思路：”
- 48. 讓guest有個永久的Cookie，PATH設計成! /guest/{COOKIE}/view/page/index! ! 當guest變會員或登入時，將guest的cookie和member ID mapping起來! ! 你就會知道 個會員在還沒登入和 冊前做了什麼事情。! ! 重點在Mapping的資料你要 存起來，因為GA的資料新增後是無發修改的，! ! 也就是你無法將之前記錄的! /guest/{COOKIE}/view/page/index! 變成! /member/{member ID}/view/page/index! ! mapping cookie的資料至於要 存在那？! ! 我個人目前是用Elasticsearch 存。
- 49. GA的基準 新版有提供自訂! ! Custom Dimensions and Metrics，! ! 也就是你能自訂點擊量! ! 各位可以自行摸索
- 50. 最後
- 54. “END”