GTM的介面有什麼功能??如何使用?

GTM的介面設計分成4個部分:

這四個區域的功能是甚麼??

1. 管理區

若要新增容器使用者、更改帳戶容器設定,或者提交新的版本都在此進行。

2. 功能區

代碼 (Tag)、觸發條件 (Trigger)、變數 (Variabel) 就是在此設定。我們稍後會有更詳盡的解釋。

3. 工作區

這邊會紀錄是哪位使用者新增或變更了哪些代碼。

4. 版本區

會顯示最新的版本和發布時間。在提交的代碼後,就會生成一個新的版本,而以往舊的版本和活動紀錄都可在這區找到,若有發生埋設代碼出錯,也能在此還原舊版本設定。

GTM架構是由什麼組成的??

1.代碼 (Tag):即為追蹤事件的程式碼片段,如 GA、Facebook Pixel

2.觸發條件 (Trigger):觸發條件具體定義出代碼如何被觸發

3.變數 (Variable):變數是觸發條件的一環,定義觸發條件的執行準則

下圖選GA為第三方工具為代碼

實作看看怎麼新增代碼???

以新增html為例

首先按下新增,選擇代碼設定與觸發條件:

然後別忘了要設定檔名與儲存

怎麼預覽GTM提交後的改變?

點開檢查或F12,有看到剛剛設定的輸出就成功囉~