Google Tag Manager標記管理工具-自動幫你加入事件追蹤


Google Tag Manager是能夠幫助你管理網站加入的程式碼
現在的網站都常都會加入一些外掛程式碼
光是GA本身就有事件追蹤、虛擬頁面、電子商務、再行銷...等追蹤功能
你可能在網站裡加了一些Code, 但你自己可能都忘了
透過Tag Manager,你不必動到程式碼就可以對這些功能進行增減及管理
這可能是許多Google analytics教學或資源上比較沒提到的一個工具



關於Tag Manager的使用,可先參考Tag Manager可運用於GA程式碼這篇的說明

透過標記管理工具Tag Manager加入事件追蹤

假設今天我想追蹤有多少人點了我的站外連結
我可能每篇文章都會有一兩個,那麼這樣手動設定就太麻煩了
我要怎麼透過Tag Manager完成我的需求?

1. 新增變數

新版的Tag Manager本身有內建一些變數可以直接使用,不需要另外去產生
不過要使用這些變數,必須要先啟用才行
我們可以先到變數 這一欄,先把要使用的變數給設定起來
點選設定,然後將需要用到的變數打勾
我們待會會用到Click Text跟Click URL這兩個變數,至少要先把這兩個給打勾

Tag manager事件設置 - 設定內建變數

2. 新增事件點擊觸發條件

在設定好帳戶,也加入Tag Manager追蹤碼後,接著要在你加入程式碼網站的容器中加入標記了
首先我們先到觸發條件 -> 新增,新增一個新的觸發條件
我們以點擊站外連結為例
觸發條件選擇點擊 - 僅連結
啟動時機選擇"部分的連結點擊",選擇 Click URL 不包含 analyticsdavis(你的網域)
(這邊我是以點擊至外部的連結,因此要把連結為我的網站連結給排除掉,如果要以其他的條件作條件排除可以在選擇,所以要追蹤妳網站的外連,應該要將不包含的條件換成妳的網域)

Tag manager事件設置 - 處發條件設置

3. 指定連結點擊條件

接下來則是要加入GA的追蹤事件,並且指定剛剛的連結點擊條件
同樣新增標記,把標記名稱取做event track(隨便啦都可以)
廣告代碼類型選擇通用Analytics
追蹤類型選擇事件
並且你想要在GA上呈現的事件類別、動作、標籤分別填上值
這邊我的示範是類別填上event, 動作outclick, 標籤因為我要帶連結的錨點文字,選擇{{click text}}, 如果你想要填上的是點擊連結或是別的條件,就可以選擇別的參數
追蹤編號填上你的UA資源編號

Tag manager事件設置 - 觸發代碼設定


觸發條件選擇剛剛設定好的"外部連結點擊"
到這邊就設定完成,按下儲存

Tag manager事件設置 - 觸發代碼條件設定


進入預覽模式,並且實際觀察變數有沒有被啟用,並且配合tag assistant的record功能
如果有正確被紀錄下來,就代表大功告成啦。

使用Tag manager預覽功能查詢處發

延伸閱讀

Google Tag Manager 官方教學
How to use Google Tag manager

5 意見

你是想要追蹤點擊產品名稱嗎?
這個問題我可能比較難回答,因為這個連結並非使用一般的文字或圖片連結
而是把連結做在div區塊裡
如果你要在活動標籤中顯示產品名稱,就是要在巨集中取得這個區塊的文字
我唯一想到的方法是你可能需要請教一下你的工程師怎麼用javascript語法取得這個文字值,然後在巨集中選擇巨集類型為自訂javascript
我沒有程式底子,可能沒辦法給你較好的答覆

相關的做法我目前是沒有搜尋到, 等到我有找到更好做法再來分享

Reply

是的是想要追蹤點擊的產品名~
我會再跟工程師請教是否能使用javascript取得文字值,如果設定成功再回來分享!
非常感謝:)

Reply
作者已經移除這則留言。

感謝您的教學,我終於能透過 GTM 追蹤到了..另外想請教您
1. 使用 GTM 後,原先網址的追蹤設定有需要移除嗎?
a target="_blank" href="網址" rel="nofollow nofollow" onclick="dataLayer.push({'event': 'facebook'});"
2. 上述教學圖片上的連結是否能透過 alt 標籤追蹤呢?
3. 若希望新增其它分類,是再新增一個標記 + 規則嗎?

Reply

感谢您提供有用的步骤。我通常会非常关注插件的维护积极程度以及插件支持问题在论坛中得到解答的频率。
Analytics tag manager

Reply

張貼留言