【GTM新手圖解】從申請GTM代碼，到追蹤Page View入門實戰

對所有行銷人來說，GTM提供了靈活彈性的數據追蹤方案，而不需要一直麻煩工程師更動程式碼（官方網站圖）

GTM(Google Tag Manager)是Google的代碼管理工具，而不是一個新的追蹤代碼，近期不少同事開始嘗試用GTM來埋設追蹤代碼，寫這篇當作入門整理。

這邊快速用ＯＸ方式來簡述一下幾個常見迷思，再進入圖解教學：

【 O 】GTM可以管理多種廣告代碼。

GTM是一站式的代碼管理平台，能夠管理超過50種廣告代碼(官方數據)，各種常用的類型包括：GA, FB pixel, Adwords, DoubleClick…等。

【 X 】安裝完GTM就會自動追蹤網站各種動作。

GTM像是個連接的橋樑，幫你打開了網站的後台控制權，要再新增或修改各種Tag代碼（如GA code/FB pixel），才能達到你想要的追蹤目的。

【 X 】GTM有自己的報表。

因為只是管理平台，GTM不會有報表系統，數據仍得回到該代碼工具上看(ex. GA報表)

【 O 】GTM可以和GA同時埋設在一個網頁中。

因為一個是代碼一個是管理工具，在網站埋設上不衝突。雖多數企業仍有保留GA埋設/追蹤習慣，若避免溝通複雜化可以兩個並行，只用GTM來執行跨網域或FB pixel等廣告代碼整理。

Photo by rawpixel on Unsplash

點這裡開始吧！GTM中文網址：https://tagmanager.google.com/?hl=zh-tw

第一步：新增GTM帳戶＋新增容器

帳戶名稱可以輸入公司/組織名稱，下面的「容器」可設定網域名稱，同GA中的設定，同一個帳戶內可以設定多個「容器」，而每個容器都有不同的GTM代碼，藉此區別不同網域/專案。

第二步：安裝代碼

淺顯易懂的埋設方式，只要拜託IT埋完，剩下一切自己來

埋設在HTML後，就會如同下圖所示，接著開始你的操盤人生吧：

第三步：設定GA對應代碼

快速步驟一覽：左方工作區>新增代碼>選擇「通用Analytics(分析)」>選擇新增變數>填入GA追蹤編號>設定觸發條件

繼續看圖解步驟：

1.點選左方工作區，再按新增

2.選擇「通用Analytics(分析)」

3.選擇新增變數

4.填入GA追蹤編號 UA-XXXXXXXX–X

如果忘記GA追蹤編號在哪，可以參考下圖在GA的「管理設定」中，從資源的追蹤程式碼中找到追蹤ID，複製UA開頭這串。

5. GA的管理設定中有追蹤ID

填完了上面「代碼設定」的部分，下半部要設定GTM的「觸發條件」，意指在何種狀況底下，會觸發GTM使用GA代碼紀錄，這邊我們設定All Pages，所有頁面能都觸發，到這邊就完成了！

6.設定觸發條件，之後還可以自訂其他觸發條件 ex.進入特定頁面/點擊button等

打開網頁，同時回來GA看即時數據，就可以看到流量數據進來了

下篇再分享如何透過GTM追蹤Button Click，感謝大家！

【GTM新手圖解】追蹤網頁button click教學實戰

同場加映，行銷經驗分享：

給剛入行的行銷人(Marketer)：五樣基礎練習分享

同場加映，工作經驗分享：

Marketer轉Product Manager之六要心法

產品經理/設計如何與你的IT大神溝通？

如果你覺得受用，請幫我Clap 1-2下
覺得心有戚戚焉，請幫我Clap 3-5下
希望鼓勵繼續寫，我很感謝你！請幫我Clap 5-10下或更多

感謝閱讀到最後的你！

若有沒寫到的細節或建議，歡迎透過底下留言/FB/gmail聯繫我