前言
這篇文章，想寫給當初那個剛接觸Google Tag Manager的我，其實現在Google上就能夠找到不少篇由行銷代理商所撰寫的「GTM教學文」，內容大多十分完整且詳細，但對於那些尚未使用或剛接觸GTM的人來說，些許的專有名詞或是較不重要的功能介紹，可能反而模糊了GTM的重點。
因此，此篇文章我只會分享幾項我認為在剛接觸GTM時必須知道的要點，希望能讓你先快速上手GTM的基本操作後，我們再往更深入的內容探討！
行銷人員為什麼需要GTM？
Google Tag Manager中文翻做代碼管理工具，簡單來說，是個由Google開發，用來幫助數位行銷人員方便管理「代碼（程式碼）」的一項工具。
行銷人員最常接觸的代碼（程式碼）不外乎以下這兩種：
(1) 數位行銷工具的追蹤代碼，如Google Analytics串接碼、Facebook Pixel追蹤代碼、Google Ads的轉換代碼等。
(2) 網站事件的追蹤，如網站按鈕點擊事件、頁面滾動比率、表單提交等。
然而，在尚未使用GTM的時候（如下圖左），你必須麻煩工程師才能把轉換代碼、事件追蹤碼埋放到網站程式碼裡頭，這樣還不打緊，如果事後你想要更新、調整、debug的時候，又得再麻煩工程師協助一次，來來回回可能就耗費掉許多時間成本。
在網站有安裝GTM的情況下（如下圖右，此步驟可能還是要麻煩工程師），設定完畢後行銷人員就能夠在GTM上自行安裝、管理、修改、調整這些程式碼，不用再去麻煩工程師，把溝通的時間成本省下來，好好的做數據分析。或者推薦大家我的GTM教學文章，可以試著自己動手設定。
GTM三大重點
GTM有三大重點，分別是代碼、觸發條件與變數。
(1) 代碼：可以設定各式各樣數位行銷工具的追蹤代碼或網站事件的追蹤，如GA的追蹤碼、Google、Line、Yahoo Ads的轉換代（如下圖）。
(2) 觸發條件：要觸發上述代碼的「條件」為何？舉例，「All Pages」代表你希望所有頁面都能觸發代碼；「加入購物車」代表進入購物車頁面才觸發代碼；「完成購買」則代表進入購買完成頁面才觸發代碼等（如下圖）。當然，你也可以到畫面右上角設定專屬於你們網站的觸發條件。
(3) 變數：即是觸發條件的變數，舉例來說，觸發條件「完成購買」代表使用者進入到感謝頁面（網址為www.timli.io/checkout/confirm）才會觸發該代碼，在GTM的設定上就會變成：「Page URL」「包含」「/confirm」（如下圖），而這個Page URL就是觸發條件當中的「變數」。
同樣地，在操作時你可以選擇GTM預設所提供的變數，或根據網站需求自行做設定。
總結
綜上所述，此篇文章想跟大家分享兩個重點：
(1) 透過GTM可以讓行銷人員更有效率地管理各種事件或追蹤代碼。
(2) 必須具備代碼、觸發條件與變數三個部分，才算是完整的一組代碼。
*怎麼測試代碼使否有在GTM上安裝成功呢？
可以透過右上角的「預覽」功能，來測試代碼使否有安裝正確，如果確認無誤，送出提交後，才算正式設定完成。
如何安裝GTM？
其實GTM也是一組程式碼，基本上自行架站或是使用內容管理系統如Wordpress、Shopify安裝的方式基本上都是大同小異。
讓我們以Wordpress為例：
(1) GTM > 安裝Google 代碼管理工具 > 分別複製兩段程式碼
(2) WordPress後台 > 外觀 > 佈景主題編輯器 > header.php > 找到<head>、<body>的標籤（下圖紅框）> 複製貼上相對應的程式碼至標籤內 > 更新檔案
(3) 如何驗證是否成功安裝GTM？
*到Chrome應用程式商店安裝Tag Assistant Legacy (by Google)
*啟動Tag Assistant Legacy，並確認上頭是否有顯示Google Tag Manager、GTM ID編號是否一致，且顯示「綠色笑臉」的圖示，如果上述三個條件都符合的話就代表你成功了！
加碼：GTM實戰範例
最後，這邊分享幾項過去GTM實作的範例供大家參考，希望對你有幫助！
(1) 如何透過GTM串接網站及Google Analytics？
(2) 如何使用Google Tag Manager串接GA加強型電子商務報表？
(3) 如何使用GTM替網站建立Announcement Bar？
(4) 如何使用Google Tag Manager替網站建立Popup通知欄？
