天矽科技 line

天矽部落格最新的網路趨勢資訊

網站設計趨勢

GTM是什麼?Google Tag Manager基本功能介紹篇|天矽科技客製化網頁設計

部落格:GTM是什麼?Google Tag Manager基本功能介紹篇|天矽科技客製化網頁設計

 

GTM就是Google的代碼管理工具,用來追蹤網站中所有事件的發生狀況,用代碼管理工具追蹤使用者行為,有利於了解使用者輪廓、廣告投放與行銷。

Google Tag Manager是什麼

 

 Google Tag Manager就是我們常聽到的GTM,它是Google的代碼管理工具,用來追蹤網站中的事件,像是點擊某個按鈕、進入或離開某個欄位、數值變動、滑鼠移動、視窗變化或提交表單…等,都屬於事件。

 GTM的作用有利於廣告的轉換、分析再行銷,也有利於我們對於網站的事件了解,只要利用GTM快速埋設網站代碼,就能提高行銷人員對於使用者的分析效率和廣告的精準投遞。

 

GA與GTM

 有些人可能會覺得功能聽起來跟GA (Google Analytics) 有點像,但其實GA與GTM是各自獨立的工具,他們能交互使用達到相輔相成的效益;GTM用來管理追蹤碼、GA用來蒐集數據,並提供對應的報表。

 比如在GA行為報表中的事件,就是透過GTM的代碼埋設,才能在這裡顯示,讓行銷人員方便分析、理解。

 

GTM-link-click

▲GTM事件類別link-click

延伸閱讀:
Google Analytics 是什麼?基本功能介紹篇
Google Analytics行為報表,用數據分析客戶在網站的行為

 

GTM的架構介紹

 

GTM所有帳戶

GTM的架構有:帳戶、容器、代碼及觸發條件與變數

快速導覽:
帳戶設定
容器設定
安裝代碼工具

 

  1. 帳戶:公司名字
  2. 容器:網域、網址或APP
  3. 代碼:追蹤事件的程式碼,如追蹤點擊的程式碼
  4. 觸發條件:自定義的代碼啟動、開啟,如使用者點擊了追蹤的按鈕
  5. 變數:自定義的觸發條件執行細節

 

 

帳戶設定

帳戶設定

 帳戶名稱通常填入自己的公司名稱;通常一家公司一個帳戶,一個帳戶再管理一或多個網址網域。

 

容器設定

 容器名稱就是網址(網域),一個帳戶底下可以設定一或多個容器,容器中可以再設定多個代碼、觸發條件變數

容器設定

 

安裝代碼工具

 當我們的帳戶與容器設定完成後,就會出現以下畫面,記得將這兩串程式碼貼到我們要追蹤的網站(容器)中,只要埋一次,我們就可以獲得並管理許多追蹤工具!

GTMcode

 

 按下確定後,接著就會看到這個畫面(下圖)。
 此時我們就可以用左側選單上的功能開始設定代碼、觸發條件與變數囉!

GTM首頁

 

※ 如果突然找不到代碼在哪,它就在「管理-->帳戶設定-->安裝Google代碼管理工具」這裡唷!

 

設定GTM

 

快速導覽:
代碼設定
觸發條件
變數

 

代碼設定

 代碼就是追蹤事件的程式碼,我們可以點選右側內建的代碼模組,如果沒有想要的選項(如FB像素),也可以在最下方的自訂HTML自行設定喔!

代碼設定

▲代碼設定

 

觸發條件

▲代碼觸發條件

 

觸發條件

 自定義的代碼啟動、開啟,也就是跟GTM的代碼說你什麼時候要開始執行這段程式碼。

觸發條件類型-1

觸發條件類型-2

 

變數

 變數是「觸發條件」底下定義條件的執行細節,我們可以自行設定內建變數,如網頁、公用程式、錯誤、點擊、紀錄、影片、捲動與瀏覽權限都可自行定義。

GTM變數

 

回上一頁
信箱
客服
Line@