Google Tag Manager – Sample

Reference from http://analyticsdavis.blogspot.tw

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

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

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

 

 

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