introduce Google Tag Manager, and basic use case / setup.

1. GTM 基本入門教學

2. 什麼是 GTM
GTM 是一套管理各種網站上外插 js 套件的管理方式，會將所有放在 GTM 的 code
打包管理，可以讓網站引用。
也因此，網站或廣告管理人員，能不透過工程師進行 code 操作，
可以在網站發版流程之外（git / svn）自行新增/修改網站上的任意 js 追蹤程式碼。
※GTM 當中可以包含 Google Analytics, 一般 javascript，或者 Adsense 等廣告程式
碼，甚至是 HTML 程式碼。

3. GTM 在網站發版流程當中扮演的角色
一、網站企劃
企劃階段需要了解這個網站
的 tracking 需求，是哪些可
以由 GTM 操作，如：
1. 網站流量
2. 頁面點擊
3. 事件追蹤
4. 廣告版位
二、網站製作
產生 GTM code
並交由工程師置入網頁
三、網站發版&修改
網站管理員僅需要在 GTM
上操作，就可以更新網站上
的 tracking code / event

4. 就像新增 GA 代碼一樣，開啟一個新容器
將所需的 code 交由工程師
放入網站即可使用。
GTM 新增代碼至網站

5. GTM 版面介紹（工作區）

6. 代碼 = 選擇類型+變數+觸發條件
例如想要新增 GA 追蹤，就新增一個代碼，輸入GA
變數，選擇觸發條件時觸發。
GTM 左側面板解說：代碼

7. GTM 可以追蹤使用者瀏覽器的操作事件。
例如瀏覽，載入，點擊連結，點擊任意元素
GTM 左側面板解說：觸發條件

8. 分為【內建變數】與【使用者變數】。【內建變數】是可以選擇開啟使用，是瀏覽
器能偵測的物件例如 Page URL, Referrer 等。【使用者變數】是由使用者設
定名稱內容，如 GA 的追蹤碼值。
設定變數，是為了方便製作代碼與修改。
GTM 左側面板解說：變數（即程式術語 variable）

9. 分類管理用
GTM 左側面板解說：資料夾

10. GTM 版本發佈與管理
在 GTM 當中的任何修改，最後都需要進行發佈（發
版），類似 git 的版本管理概念。
並且可以在操作 GTM 的同一個瀏覽器當中，預覽
準備要發佈的版本，或者儲存為新版本，在不同版
本的代碼之間切換測試。
在 GTM 的使用者管理上，也能做操作層級的分別，
有些人只能看，不能改；或控制發版權限。

11. GTM 設定案例：GA 代碼設定
操作流程：
新增代碼 > 選擇代碼類型【通用 GA】> 選擇變數 GA（或直接輸入 GA 追蹤碼）> 選擇
觸發條件【All Page 網頁瀏覽】> 發佈版本即上線

12. GTM 設定案例：追蹤點擊特定連結，發出 GA 事件
操作流程：
新增代碼 > 選擇代碼類型【通用 GA】> 選擇 GA 追蹤
碼 > 設定追蹤類型【事件】並且輸入事件名稱 > 選擇觸
發條件【僅連結】> 輸入想要追蹤的網址 > 發佈版本即
上線