Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Google tag manager-web analytics101

2,447 views

Published on

圖靈數位於2016年6月29日晚上於web analytics101 聚會分享,主題主講 Google tag manager 代碼管理工具介紹與應用。 版權屬圖靈數位所有,如要轉載請事前告知,謝謝

Published in: Data & Analytics
  • Be the first to comment

Google tag manager-web analytics101

  1. 1. @2016圖靈數位@2016圖靈數位 Google Tag Manager 2016.06.29
  2. 2. @2016圖靈數位  Google Tag Manager  介紹  設置  應用  其他  Q&A 今日主題
  3. 3. @2016圖靈數位 3 Dennis Huang │現職  圖靈數位股份有限公司 創辦人 │簡介 --不要操心工具,讓您專注數據-- 收集數據很容易,但收集有用的數據很難。 圖靈數位專門規劃一系列的數據規劃,從 規劃,佈署,收集,監控,優化,利用,管理。 一手包辦!
  4. 4. @2016圖靈數位
  5. 5. @2016圖靈數位@2016圖靈數位  Google Tag Manager (GTM)是一項代碼管理系統,專用來協助您輕鬆迅速地更 新網站或行動應用程式的代碼與程式碼片段 (例如用來分析流量和行銷最佳化的 代碼)。  您可以透過「代碼管理工具」的使用者介面加入及更新 AdWords、Google Analytics 、Firebase Analytics、Floodlight 和第三方/自訂代碼;這樣就不必直接 修改網站程式碼,不但能減少錯誤,設定代碼時也不需要找開發人員幫忙。 2012 誕生 360 Suite 31種 判斷資料 26+ 預設串接 什麼是GTM
  6. 6. @2016圖靈數位@2016圖靈數位 請不要再說,直接交給資訊人員處理,他們不懂媒體的運作原理與應用策略。 告知埋設位置 提供代碼文件 回報工期排程 偵錯檢查 標籤管理工具 Conversion Analytics Remarketing Other
  7. 7. @2016圖靈數位@2016圖靈數位 主要功能-佈碼管理 如果代碼一多,非常不好控管。 Adwrods轉換 Adwrods 再行銷 Google Analytics Facebook pixel 3 rd PartyAlexa comscore 功能代碼 還可能會…  打亂網頁架構  代碼闕漏  埋錯位置  對手知道你的策 略。
  8. 8. @2016圖靈數位@2016圖靈數位 佈碼管理 舉例  使用GTM之前 首頁 • Google Analytics • AdWords Remarketing • Facebook Remarketing 產品頁 • Google Analytics • AdWords Remarketing • Facebook Remarketing • 電商追蹤代碼 感謝頁 • Google Analytics • AdWords Remarketing • AdWords Conversion • Facebook Remarketing • Facebook Conversion
  9. 9. @2016圖靈數位@2016圖靈數位  以後不用在麻煩技術人員埋設眾多代碼,只要請他們埋設GTM即可。 首頁 • Google Tag Manager 產品頁 • Google Tag Manager 感謝頁 • Google Tag Manager 佈碼管理舉例
  10. 10. @2016圖靈數位@2016圖靈數位 GTM附加好處1-自動生成測試環境 代碼完成 測試 代碼發佈  GTM代碼埋好之後,會自動準備測試環境,條件設置後可選擇預覽 環境,在真實環境偵錯,避免上線出現突發狀況,杜絕錯誤。
  11. 11. @2016圖靈數位@2016圖靈數位 GTM附加好處2-中央管理  統一平台作業,版本控制。 代碼控制 版本 2 (線上) 代碼數量 5 時間 一天前 發佈者 A 版本 1 (還原) 代碼數量 4 時間 七天前 發佈者 B
  12. 12. @2016圖靈數位@2016圖靈數位 20.11 S GTM附加好處3-減少載入速度  加快代碼執行,網站架構不同,改善效果不一定。 感謝頁 • Google Analytics • AdWords Remarketing • AdWords Conversion • Facebook Remarketing • Facebook Conversion 8.5 S 感謝頁 • Google Tag Manager
  13. 13. @2016圖靈數位
  14. 14. @2016圖靈數位@2016圖靈數位 GTM前置作業  你一定要有的  Google服務帳號  GTM帳號 https://www.google.com/analytics/tag-manager/  檢查工具 Google Chrome Plugin – Tag Assistant  https://chrome.google.com/webstore/detail/tag-assistant-by- google/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=zh-tw  確認網站上的編號是不是我們的
  15. 15. @2016圖靈數位@2016圖靈數位 Tag Manager 帳戶架構 產代碼
  16. 16. @2016圖靈數位@2016圖靈數位 後台 管理區 功能區 設定區 記錄區 版本
  17. 17. @2016圖靈數位@2016圖靈數位 • 代碼 (Tag) • 內建: 26種內建代碼 • Google Analytics • Google Adwords • …. • 自訂: • 自訂Html代碼 • FB Pixel • 3rd Party • 自訂圖片代碼 代碼
  18. 18. @2016圖靈數位@2016圖靈數位 觸發條件 • 觸發條件 (Trigger) • 網頁載入時,根據觸發條件判斷代碼是否執行 • 一個完整能執行的代碼,都要有一個正確的觸發條件來觸發 • 觸發條件就是一個運算式 • {{網頁}} 等於 http://www.simple.com.tw • 指標 點擊 某個物件。
  19. 19. @2016圖靈數位@2016圖靈數位 變數 • 變數 (Variables) • 可提供給代碼、觸發條件使用 • 內建變數 • Page URL • Event • Click Element • 自訂變數 • 自動事件變數 • 資料層變數
  20. 20. @2016圖靈數位@2016圖靈數位 • 代碼、觸發條件、變數 一起工作就組成了容器 • 編號格式 GTM-XXXXX 容器 變數 觸發條 件 代碼 容器
  21. 21. @2016圖靈數位@2016圖靈數位 GTM Jargon 舉例 我想要在購買完成頁放入Google Adwords 轉換代碼,當有用戶到該頁時,就會觸發。 代碼 : Google Adwords 轉換 觸發條件 : URL要等於 變數 : 完成訂單的URL 容器 : Google Tag Manager 代碼。 版本 : 1 Datalayer : { 訂單號 : 201606290001, 購買品項 : XXX, 產品金額 : 1,000, 數量 : 2, 訂單總計 : 2,000 }
  22. 22. @2016圖靈數位
  23. 23. @2016圖靈數位@2016圖靈數位
  24. 24. @2016圖靈數位
  25. 25. @2016圖靈數位@2016圖靈數位 Googne Analytics事件 佈署 曝光次數 圖片點擊 主要目標 圖片點擊 主要導航 點擊 (此網頁為示意圖,僅提供教學用途)
  26. 26. @2016圖靈數位@2016圖靈數位 Googne Analytics事件 佈署 • GTM後台設置,不用請工程師埋設代碼 • 節省時間 • 不會改壞網站 • 避免被攻擊 (此網頁為示意圖,僅提供教學用途)
  27. 27. @2016圖靈數位
  28. 28. @2016圖靈數位@2016圖靈數位 網站偵錯 (此網頁為示意圖,僅提供教學用途)
  29. 29. @2016圖靈數位@2016圖靈數位 網站偵錯 GTM + Google Analytics 報表,快速找出網站的BUG ,或是被植入的蠕蟲與病毒。
  30. 30. @2016圖靈數位
  31. 31. @2016圖靈數位@2016圖靈數位 網站更改
  32. 32. @2016圖靈數位@2016圖靈數位 網站更改 • GTM後台設置 • 但要會一點jQuery • 防爬蟲
  33. 33. @2016圖靈數位
  34. 34. @2016圖靈數位@2016圖靈數位 • 不用跟工程師解釋Google Analytics。 • 只要請他們把原有資料再整理一次。 • 雙邊配合會更快
  35. 35. @2016圖靈數位@2016圖靈數位 增強電商報表 讓您了解您的訪客在您的網站上到底發生了什麼事情。
  36. 36. @2016圖靈數位
  37. 37. @2016圖靈數位@2016圖靈數位 Other Tag Management - qubit - http://www.qubit.com/solutions/tag-management - - Google Tag Manager - - http://www.google.com/tagmanager/ - Webtrekk - https://www.webtrekk.com/en/solutions/tag-integration/ - Adobe Digital Tag Manager - http://www.adobe.com/solutions/digital-marketing/dynamic-tag-management. html
  38. 38. @2016圖靈數位@2016圖靈數位 Study - - Google Tag Manager Youtube - https://www.youtube.com/watch?v=KRvbFpeZ11Y - - Google Tag Manager Fundamentals - https://analyticsacademy.withgoogle.com/course/5 - simoahava - http://www.simoahava.com/analytics/ecommerce-tips- google-tag-manager/#gref - - lunametrics - http://www.lunametrics.com/gtm-book/
  39. 39. @2016圖靈數位@2016圖靈數位 那個 .. 講到現在GTM該怎麼結論? 管理網站代碼的好工具 能減輕行銷人員與IT人員溝通的時間 能減輕IT人員與行銷人員溝通的痛苦 也就是說行銷人員與IT人員都能夠過GTM完成許多工作 如何學好GTM HTML, DOM 要懂 Javascript 稍微懂一點 GA操作及原理要熟練 往data layer死裡鑽 常常摸、每天跟它當好朋友
  40. 40. @2016圖靈數位@2016圖靈數位 Q & A
  41. 41. @2016圖靈數位@2016圖靈數位 Dennis Huang 創辦人 0911-119312 dennie@Turingdigital.com.tw

×