Google Tag Manager，不需大量依賴工程師即可完成的 Google Analytics 服務設定 — GA 系列（2）

繼上一篇 gtag.js V.S. analytics.js，初談 Google Analytics 的設定方法 — GA系列（1） 需要工程師的幫助後，本篇我們要進入到不需要太依賴工程師的協助就能夠完成 Google Analytics 的設定服務 — Google Tag Manager！

Once upon a time….

Google Tag Manager 服務是 2017 Google 為了整合旗下一堆產品所出的 Library，最重要的目的是假使企業使用了多個 Google 服務，比如： Google Analytics 、Google AdsWord ，過往會需要辜成詩在資源服務裡同時埋入 Analytics.js （Google Analytics）、Conversion.js （Google AdsWord），而這些代碼後續想要嵌入跟多追蹤事件，要大量依靠工程師的協助，但如果使用 Google Tag Manager，就無需引入多個產品 Library，僅使用 Google Tag Manager 的 Library 就可以管理各式代碼，甚至也可以在 GTM 設置第三方的 Library 並做管理。

好了，相信各位產品經理已經很期待有什麼方法可以不用整天追著工程師跑就可以持續深化網站分析

Topic 1: 兩張圖了解使用舊服務 analytics.js 和新服務 Google Tag Manager 差異

Topic 2 ：如何找到 GTM ID？

在上一個 Topic 中我們有提到要使用 Google Tag Manager 的服務則需要嵌入 GTM ID ，那這個 ID 又該如何找到呢？那就請讀者隨著我們以下步驟就可以完成了喔！

1. 註冊 Google Tag Manager 帳戶
2. 將您的網站資訊填入創建Google Tag Manager 資源的步驟中

1. 創建成功後，正式進入到 GTM 介面，於右上角可找到 GTM ID

Topic 3: 了解 GTM 當中的 Tag / Trigger 定義

Tag:

各式產品服務的代碼，可整合不同分析、行銷或支援供應商的程式碼片段，藉由直接在 GTM 中新增 Tag，即不需將這些不同服務的程式碼片段由工程師引入至專案中。

Trigger:

當我們在 Tag 中引入各式服務的程式碼片段後，接下來必須定義哪些事件會觸發服務程式碼的運行

Topic 4：如何在 Google Tag Manager 中啟用 Google Analytics 服務？

了解了 Topic 2 中的 Tag / Trigger 後，接下來我們就試著遵循定義，完成 GA 設定吧！

Step 1：在 Tag 中引入 Google Analytics 服務代碼

a. 點擊 Tag 中的「新增」按鈕

此圖中已有的 PageView Tag 非 GTM 預設 Tag，為筆者自行新增

b. 點擊「鉛筆」圖像，開始設定 Tag

c. 選擇要引入的服務程式碼片段，我們選擇第一個 Google Analytics: Universal Analytics（在此也可了解有多少 GTM 整合的服務）

d. 設定追蹤網站的瀏覽量（Page View）數據

e. 將您註冊的 Google Analytics 中的追蹤代碼置入 Google Analytics 設定中，因為是第一次將網站連結 Google Analytics 服務，所以這裡我們要先新增一個變數

圖一

點擊「New Variable」後，GTM 會要求填入 Tracking ID ，這時候請填入 Google Analytics 的追蹤代碼「UA-XXXXX」的這一段，就初步完成了 GTM 與 GA 的連結！

圖二

f. 在 GTM 引入 GA 後，還要記得設定什麼事件會觸發 GA 的追蹤！

點擊 Triggering 整個區域後，會叫出右側彈框，彈框內即有屬於 Track Type = Page View 時，內建的 Trigger 事件：「當用戶瀏任何網站頁面時，皆會觸發 Page View 這個 GA 追蹤類型」

g. 接下來為我們的 Tag 取一個華麗的名字並且儲存

h. 就剩最後一步：「部署你的改動」就大功告成啦！如果沒有點擊 Submit ，剛剛做的改動可是不會提交到專案中生效的呦！

你可以為此次的改動做一些描述，在多人協作管理 GTM 的情況下版本管理尤為重要，工作就是要有效溝通，做了什麼改動要讓合作的人周知，是很重要的，就如同代碼版本管理 git 對於寫程式碼的人來說很重要，寫好 GTM 的 Version Configuration 就有異曲同工之妙囉！當然你想直接按右上角的 Publish ，GTM也是不會阻擋你^^

至此，如何在 GTM 引入 GA 服務就算是正式教學完畢啦！如果回到 GA 帳號，就會發現 GA 已經開始收集數據了，不過其實 GA 除了 Page View 這個追蹤類型以外，還有很多好玩的數據追蹤類型，我們再來慢慢介紹囉！

一天又平安的過去了，感謝飛天小女警的努力