Google Tag Manager 是 Google 旗下的一個工具,主要是用來管理第三方追蹤工具的代碼管理系統,例如:Google Analytics、AdWords、Facebook Pixel、Bing Ads⋯等,或是追蹤訪客上的使用行為,例如:按鈕點擊、Youtube 影音觀看及螢幕畫面滾動情況等數據追蹤,每項產品或追蹤事項,只要碰到需要程式代碼安裝,皆需要請工程師協助處理。

現在,只要使用 Google Tag Manager 代碼管理工具,行銷人員就可以輕易的設定與追蹤所要取得的數據或安裝其它第三方追蹤工具,但第一次安裝 Google Tag Manager 代碼時,也是要麻煩工程師處理!

Google Tag Manager (GTM) 跟踪代碼管理器包含以下三個主要部分:

  1. 標籤:添加到頁面的代碼片段(通常是JavaScript)。
  2. 觸發器:定義何時和何處執行標籤。
  3. 變量:用於接收或存儲由標籤和觸發器使用的信息。

接下來,就來介紹如何申請 Google Tag Manager 與代碼安裝

Google Tag Manager 帳戶申請

Step 1. 前往 Google Tag Manager 官方網站,然後點擊右上方的 SIGN IN,選擇 Tag Mananger

GTM官網

Step 2. 開始建立新帳戶,建立帳戶分為二個階段,分別為「設定帳戶」與「設定容器」,按下「CREATE ACCOUNT」開始建立。

設定帳戶》「帳戶名稱」是一個最頂層的資料夾的概念,而在帳戶名稱下可以擁有多個容器,名稱可以為「公司」或「網站」名稱。

GTM設定帳戶

Tips.若你的使用介面為英文時,可從畫面右上角個人帳戶旁邊有個三個圓點,選擇「User setting」進行語系設定,若存檔後還是英文介面時,只要把網域 https://tagmanager.google.com/ 後面的網址都刪掉,按下 F5 重新載入一次,介紹就會變成中文。

GTM設定語系

設定容器》「容器」就是就是放置第三方追蹤代碼的管理工具,例如,Google Analytics、AdWords,容器名稱可以用網站網址,易於辨視,而下方的容器的使用位置有《網路》、《IOS》、《Android》、《AMP》四項,因為我們是要將代碼放在網站上,所以選擇《網路》。

GTM設定容器




Step 3.閱讀 Google 代碼管理工具服務合約條款,按下「是」即完成帳戶建立。

Google 代碼管理工具服務合約條款

Step 4.安裝 GTM 管理工具代碼

當我們完成上述步驟後,接下來就要將 GTM 安裝到網站的每個網頁裡,該代碼分為二段,一段貼在 <head> 裡,一段貼在 <body> 裡,如果不會安裝這二段程式碼,就需要請工程師協助幫忙了(可以買個雞排及飲料之類的)。下圖紅框處為該組 GTM 代碼的 ID  (每組GTM都是獨立的),如果你是使用 WordPress 架站的,只要在設定中選擇 Gooogle Tag Manager 選單,將紅框處的代碼 (GTM-XXXXXXX) 填入即可。

GTM管理代碼

接下來,就可以進入 GTM 的工作區做後續的 Google Analytics 或 Facebook Pixel 的代碼佈署與設定。

Tips.如果本身沒有網站,但又想學會如何安裝 GTM 代碼,建議使用 Weebly  網站建立工具,建立一個免費網站、商店或部落格進行操作。

※GTM 相關文章: