之前幾篇的文章是說明如何在網頁上安裝 GTM 代碼管理工具的程式碼，已經安裝好的 GTM 裡面並沒有任何的追蹤代碼，現在要來說明，如何在 GTM 代碼管理工具中加入我們的第一個追蹤代碼 —— Google Analytics 代碼。

之前 GTM 相關文章傳送門：

1. Google Tag Manager – 輕鬆管理第三方追蹤工具的代碼管理系統
2. Google Tag Manager 新手教學(一)：申請帳戶
3. 如何在 WordPress 安裝 Google Tag Manager 代碼？

 

Step 1. 先登入 Google 代碼管理工具（傳送門：https://tagmanager.google.com）

Step 2. 選擇要安裝的帳戶容器

如果你有很多個帳戶跟容器，記得要選對，不然裝錯容器怎麼發佈都沒有用喔！

 

Step 3. 新增代碼

選擇完帳戶容器之後，會直接進入到工作區。

<1> 在左側找到「代碼」，進入代碼介面。

<2> 按下「新增」。由於我們都還沒有新增任何代碼，所以代碼區域空蕩蕩的。

<3> 填入代碼名稱，建議用可以一目了然的方式命名。

<4> 代碼設定，按下中間的代碼圖形。

<5> 選擇代碼類型，我們要新增的代碼是「通用 Analytics (分析)」。

<6> 填入追蹤編號。

填入追蹤編號有兩個做法：方法一，直接到貼上 Google Analytics 追蹤編號；方法二：新增「變數」，如果會常常用到 GA 追蹤編號的話，建議直接新增一個「變數」，這樣之後要填入 GA 追蹤編號時，就不用在回到 GA 管理者介面裡查看。

方法一就是直接貼入追蹤編號(UA-xxxxxxxx-x)，這邊就不多說明，底下介紹方法二，如何新增一個「變數」。

方法二：

點擊很像樂高模型的圖示，接者點擊右上角的「＋」。

一樣要幫新增的變數命名，接者設定變數類型，點擊中間的圖示。

變數的類型請選擇「常值」，由於我們前面已經選擇好要新增的代碼是 Google Analytics ， GTM 要我們填入的只有「追蹤編號」，而追蹤編號是一個字串 (UA-xxxxxxxx-x)，所以在變數類型裡，要選擇「常值」。

在這裡填入 GA 追蹤編號，按下儲存就完成變數的新增。

<7> 回到設定 GA 代碼的介面，現在我們要設定的是「觸發條件」，意思就是說，在什麼情況下會觸發 GA 代碼，而使 GA 運行。

在申請 Google Analytics 的時候，官方有說明：「為了讓通用 Analytics (分析) 在這個資源上徹底發揮功用，請複製這個程式碼並將其貼進要追蹤的每個網頁中。」所以觸發條件就是「All pages」。

如果想要觸發的條件沒有出現在列表上面，可以透過右上方的「＋」來新增。

代碼類型選好了，追蹤編號也填好了，觸發條件也設定好了，最後按下儲存，Google Analytics 代碼就新增完成了！

 

Step 4. 但是，還沒完！

上面的步驟只是新增好一個代碼，但要讓代碼可以運行，必須要「發佈」後，代碼才會真正的運作。

在正式發布之前，我們可以先透過預覽來查看代碼是否有問題（可以參考「如何在 WordPress 安裝 Google Tag Manager 代碼？」）。都確認過沒有問題之後，再執行「發佈」。

 

Step 5. 到 Google Analytics 查看我們的 GA 追蹤碼。

GTM 發佈之後，可以進到 Google Analytics 的「即時」報表裡，看看有沒有抓到剛剛發佈的代碼。

 

Step 6. 這個步驟不是大家都需要做！

一山不容二虎，如果原本網頁上的 GA 追蹤編號，跟現在在 GTM 裡加的 GA 追蹤碼是一樣的話，請移除網頁上的 GA 追蹤代碼。不然 GA 報表裡的數據會不正確！

 

以上就是我們在 GTM 裡安裝的第一個追蹤代碼，其他第三方追蹤代碼新增的方式差不多，陸續會再介紹新增其他代碼～

 

 

如果內容有誤，可以在下方留言處留言，我會盡快修正！