Google Tag Manager 怎麼用

之前協助朋友進行網站的GA追蹤時,發現找不到幾個介紹如何使用

都是簡介這是什麼東西,搞得自己一頭霧水

想想不如紀錄一下

首先先登入到Google Tag Manager

開始撰寫需要追蹤的條件之前,我自己比較喜歡會先做預覽

可以透過預覽確認GA是否有埋下,並且先確認好自己要做的事情

像是我們總喜歡說,我要在這邊下一個追蹤。

但這個追蹤的時機點在哪邊呢? 頁面剛產生的時候嗎?點擊某個按鈕的時候嗎?還是哪個圖片出來或是動畫出現的時候呢?

透過預覽可以先確認好追蹤的時間點,並且確認要使用哪個狀態去追蹤。

點選[預覽]後會另開視窗,進入預覽畫面。並請你填入你埋設GA的URL

這邊用朋友的網站做範例

填入後直接點選[Connect]

接著就會去連到該URL

連線成功就會在開啟一個視窗,並且在右下角顯示提示

若點選到[Finish]代表結束該預覽,需要小心不要誤觸。

若在網站上直接點選網頁,例如[線上購物]。

除了網站會進入該頁面之外,在預覽上也會顯示進入該頁面(如左側圖片左上角)

並且顯示你在點選這一頁之後,所發生的事件。

當要在這邊埋設Tag時,就可以參考這邊紀錄的事件

在預覽的右側,可以看到幾個選項。

Tags的意思是已經建立好的Tag,並且還會在這邊顯示已經觸發以及尚未觸發的Tag

Data Layer則是在這一頁/功能上所夾帶的資料,若是有必要在取得某個資料後才進行紀錄,就可以參考這個。


使用預覽取得要使用的資料或決定好條件後就可以開始進行設定

點選[觸發條件],[新增]後匯出現選項

這邊使用頁面初始化的條件,選好後點選[儲存]

完成設定後就可以在觸發條件看到設定好的條件

僅設定好條件是不夠的。觸發條件只有先設定好紀錄的時間點,但尚未紀錄要綁定的GA帳號或是其他的紀錄器。

點選[代碼],[新增]。在這邊設定要綁定的帳號

點選[新增]後會跑出設定畫面,可以點選[觸發條件]的空白處,選擇設定好的觸發條件

接著點選[代碼設定],選擇要綁定的方式(如:GA)

選擇好類型後,要再設定相關的細項,以及綁定的帳號(被選單蓋住)。

完成後點選[儲存],tagmanager會確認是否都有設定正確。

回到總攬頁面,就能看到已經變更的工作區紀錄。

此時點選預覽也能在Tags捕捉到新增的設定,確認有補捉到後點選提交就能把剛剛做好的設定更新上去了

發表留言