Google Analytics Injection (for Taipei Travel)

GA偵測事件

1. 活動開始，記錄使用者 start_exp("使用者名字")
2. 活動結束 end_exp()

=====================

TODO (主要請看Issues)

https://github.com/billxu0521/GA-project/issues

• 計時器功能錯誤，請見#TODO ga_inject_lib.js
• 變數名稱規範： 區域變數或函數前面要加底線，字與字中間用底線隔開，例如「_var」；固定的常數要全部大寫，字與字之間用底線隔開，例如「MOUSE_CONFIG」
• 不要直接用function宣告函數，應用 var _func = function () { /script/ }; 宣告函數。注意最後的「;」
• 許多函式缺少說明，函式前面的說明全部改成
• ga("send", "event"...) 最後還要加上事件類型，像是"click"或"mouseover"

匯入(安裝)教學

• 注意：要將 page_inject_js 中的*.js對應到網站中的網址，例如「config/www.travel.taipei.js」對應到「 https://www.travel.taipei/ 」。 每個網頁都會套用不同的事件偵測，所以匯入匯出必須要能批次處理多個網頁

1. 選擇函式庫(Libraries)分頁

2. 輸入三組函式庫：

• www.travel.taipei / https://billxu0521.github.io/GA-project/config/www.travel.taipei.js

3. 切換至網站(Sites)分頁，選擇Add new site

4. 左上角輸入台北旅遊網網址 「https://www.travel.taipei/*」 (注意*星號)，JS欄位要寫上 「 DEGUB = true; 」

5. 開啟設定，如圖打勾

6. 右上角點擊「Save」即可使用

=============================

設定userID教學

1. 啟動偵測腳本

2. 進入台北旅遊網 https://www.travel.taipei

3. 右鍵選擇檢查

4. 分頁切換到console

5. 確認有無"Google analytics injected."

6. 在6.字樣下方輸入 set_user_id("欲輸入ID")

7. 若出現"Set UserID;輸入ID"表示設定成功

參考連結

• GitHub Project Homepage: https://github.com/billxu0521/GA-project
• Google Analytics: https://analytics.google.com/analytics/web/#realtime/rt-overview/a89833109w133278856p137301362/
• 臺北旅遊網: https://www.travel.taipei/
• Google Chrome: https://www.google.com.tw/intl/zh-TW/chrome/
• (Chrome Extension) User JavaScript and CSS: https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld?utm_source=chrome-app-launcher-info-dialog
• ga_inject.js: http://billxu0521.github.io/GA-project/ga_inject.js
• event_type_code 事件編號記錄： https://docs.google.com/spreadsheets/d/1MtMtw9lKLDTUzfBd6Ld0fAe_FGe5u-Mlkh5WfZiH5qM/edit

Code Reference

• 變數名稱規範： 區域變數或函數前面要加底線，字與字中間用底線隔開，例如「_var」；固定的常數要全部大寫，字與字之間用底線隔開，例如「MOUSE_CONFIG」
• 不要直接用function宣告函數，應用 var _func = function () { /script/ }; 宣告函數。注意最後的「;」