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

Google Tag Manager(標記管理工具)可以加入自動事件追蹤(Event Tracking)
雖然早在之前就已經發布這功能了
最近試用了一下發覺真的好用,所以還是專程來寫一篇好了XD


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

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

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

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

1. 產生啟動連結點擊事件

在設定好帳戶,也加入Tag Manager追蹤碼後,接著要在你加入程式碼網站的容器中加入標記了
首先新增一個標記,這個標記的目的是啟動連結點擊的事件,它會產生一個 gtm.linkClick 這個標記管理事件
標記名稱我把它取做link click listen,然後在廣告代碼類型選擇"連結點擊接聽器"



接下來我要設定這標記的規則,按下新增可啟用的規則,然後直接選擇所有網頁
儲存這個設定


2. 指定連結點擊條件

接下來則是要加入GA的追蹤事件,並且指定剛剛的連結點擊條件
同樣新增標記,把標記名稱取做event track,將廣告代碼類型選擇Google Analytics或事通用Analytics,這視你網站的程式碼而定
如果你試用舊版程式碼就選前者,如果是新的通用分析碼則選後者
最後輸入你網站資源編號



接下來追蹤類型選擇"事件",然後跟設定事件追蹤一樣,會出現類別、動作、標籤等選項
類別和動作我在這邊分別填上eventclick
但在標籤這邊,為了識別所點擊的站內連結是什麼樣的內容
我決定設一個新的巨集在這個欄位之用

在"標籤"欄位按下後方的"加號鈕",然後點擊新增巨集



巨集名稱我填入element_text, 類型選擇"資料層變數"
然後在資料層變數名稱內填入gtm.element.innerText這個標記管理事件的功用是抓取產生連結的文字內容
也就是抓錨點文字
這樣就可以知道使用者點擊了哪個連結,到了什麼網頁



同樣的,因為我要抓取外部連結,所以我必需要在規則設定中設置不是連到我部落格的連結
因此這邊的巨集設定會先以部落格連結為主,待會的規則設定中在將它排除
巨集類型設定"自動事件變數",變數類型為"元素網址",預設值空白,要素類型不調整
按下儲存


到這裡事件參數的設定完成,接下來就是設定規則
同樣按下新增可啟動的標記規則,然後選擇新建規則
規則名稱我把它取為外連追蹤
條件的部份選擇event等於gtm.linkClick(就是剛才產生的標記管理事件)
element URL選擇不包含analyticsdavis







完成之後,就儲存設定,結束這個標記的設定



在我們設定好這兩個標記後,在容器的畫面內選擇畫面最右側的"建立版本"再按下發佈,完成!




接下來就可以做個試驗,看看有沒有成功啦



真是快速又方便的好工具XD
另外關於標記管理工具自動追蹤的功能,以下也提供幾個專家的做法供參考

延伸閱讀

Google Tag Manager Auto Event Tracking-LunaMetrics
No Code Required: Auto-Event Tracking with Google Tag Manager-GA Blog
Auto event tracking with Google Tag Manager-Justin Cutroni
Track outbound links with auto-event tracking in Google Tag Manager

5 意見

您好,
最近在找Google Tag Manager的相關文章,但中文資源不多,您的文章給我很多的幫助。
想請問您像下面這個網頁:
https://me.enlightouch.com/m_shop
如果想要追蹤裡面的產品,讓他在事件報表的活動標籤顯示產品名稱(ex:一個月超效率衝刺)
應該要使用什麼巨集才是正確的呢?
先感謝您的回覆,謝謝!

Reply

你是想要追蹤點擊產品名稱嗎?
這個問題我可能比較難回答,因為這個連結並非使用一般的文字或圖片連結
而是把連結做在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

張貼留言