使用Tag manager追蹤Youtube影片點擊事件

相信許多人會在網頁上嵌入youtube影片，而如何使用GA的事件追蹤做youtube影片點擊
Google一搜，就有不少的教學影片可供參考
這篇文章則是要來介紹透過Google Tag Manager追蹤youtube的影片點擊

以下將按照Luna matrics的文章Youtube tracking in Google analytics & Tag manager 進行設定

用Tag manager進行GA事件影片追蹤準備作業

首先在你的網頁先行嵌入一段js語法，請先插入<script>標籤，再將語法內容放入script標籤內。語法內容請點這裡，如下：

<script type="text/javascript" id="gtm-youtube-tracking">

  ( function( document, window, config ) {　.............
　.............
　 * Defaults:
　* 'events': {
　* 'Unstarted' : false,
　* 'Watch to End': true,
　* 'Play' : true,
　* 'Pause' : true,
　* 'Buffering' : false,
　* 'Cued' : false
　* }
 　*/ 

</script>

Tag manager設置youtube事件追蹤

變數設置步驟
產生兩個變數，變數的設置如下

變數一：
變數名稱－videoUrl(可自由變更, 但相對的待會的標記設定就會不一樣)
選擇類型－資料層變數
資料層變數名稱－attributes.videoUrl

變數二：
變數名稱－videoAction(可自由變更, 但相對的待會的標記設定就會不一樣)
選擇類型－資料層變數
資料層變數名稱－attributes.videoAction

觸發條件設置步驟

設置完兩個變數後，接下來要設置一個觸發條件，設定規則如下：

觸發條件名稱－YouTube Video Event(可自由變更, 但相對的待會的標記設定就會不一樣)
選擇事件－自訂事件
事件名稱－youTubeTrack
點選新增篩選器，篩選器條件設為
videoAction 與規則運算式相符 Play|Pause|Watch to End 

標記設置

最後一步的標記設置步驟如下:

標記名稱－youtube tracking tag(可自訂)
選擇產品名稱－Google Analytics
代碼類型－通用分析(如果沒升級成通用分析追蹤碼的話就選傳統Analytics吧)
追蹤類型－事件
類別－video(可自訂)
動作－{{videoAction}}(如果之前的變數2是設不同名字的話，就選擇你的自定變數名)
標籤－{{videoUrl}}(如果之前的變數1是設不同名字的話，就選擇你的自定變數名)
啟動時機選擇其他
觸發條件－YouTube Video Event(如果之前的觸發條件是設不同名字的話，就選擇你的條件名)

測試發佈

以上設定完成後，就可以點選"發布"旁的小箭頭選擇預覽，開啟預覽模式進行測試囉
當點擊影片時，看到Tags fire on This Page裡面出現你的youtube追蹤標記名稱，代表設置成功囉

測試無誤後就可以正式將Tag發佈，發佈後也可以到GA的即時報表裡看有沒有數字跑出來