GTM的介面設計分成4個部分:
這四個區域的功能是甚麼??
1. 管理區
若要新增容器使用者、更改帳戶容器設定,或者提交新的版本都在此進行。
2. 功能區
代碼 (Tag)、觸發條件 (Trigger)、變數 (Variabel) 就是在此設定。我們稍後會有更詳盡的解釋。
3. 工作區
這邊會紀錄是哪位使用者新增或變更了哪些代碼。
4. 版本區
會顯示最新的版本和發布時間。在提交的代碼後,就會生成一個新的版本,而以往舊的版本和活動紀錄都可在這區找到,若有發生埋設代碼出錯,也能在此還原舊版本設定。
GTM架構是由什麼組成的??
1.代碼 (Tag):即為追蹤事件的程式碼片段,如 GA、Facebook Pixel
2.觸發條件 (Trigger):觸發條件具體定義出代碼如何被觸發
3.變數 (Variable):變數是觸發條件的一環,定義觸發條件的執行準則
下圖選GA為第三方工具為代碼
實作看看怎麼新增代碼???
以新增html為例
首先按下新增,選擇代碼設定與觸發條件:
然後別忘了要設定檔名與儲存
怎麼預覽GTM提交後的改變?
點開檢查或F12,有看到剛剛設定的輸出就成功囉~