Google Tag Manager 新手教學(二):如何加入 Google Analytics 代碼

 

google tag manager-publish a GA tag
google tag manager-publish a GA tag

之前幾篇的文章是說明如何在網頁上安裝 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. 選擇要安裝的帳戶容器

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

 

Step 3. 新增代碼

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

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

<6> 填入追蹤編號。

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

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

方法二:

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

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

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

 

Step 4. 但是,還沒完!

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

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

 

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

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

google tag manager-publish a GA tag
google tag manager-publish a GA tag

 

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

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

 

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

 

 

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

You may also like

2 篇迴響

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *