iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 22
1
Modern Web

Google Tag Manager Micro Challenge系列 第 22

GTM 22 - 使用原生的 Youtube 代碼設定影片的行為追蹤

  • 分享至 

  • xImage
  •  

GTM 社團


GTM 也提供了 Youtube 原生的觸發條件(Trigger)中。設定後我們就可以從 GA 看到使用者在 Youtube 上的行為數據,讓我們可以更了解使用者對 Youtube 影片的喜好程度,而不單單只有瀏覽數來判斷

首先我們可以先加在新增一個 Trigger,而 Trigger Type 選擇「Youtube 影片」(Youtube Video),如下圖所示:

https://ithelp.ithome.com.tw/upload/images/20171221/20107582TIfunfhC6w.png

接著依需求選擇「擷取」的事件:開始(Start)、完成(Complete)、暫停(Pause)、跳轉(Seeking)、緩衝(Buffering)、進度(Progress),下圖的範例是全部勾選,並在進度的下選擇百分比(Percentages),代表在設定的特定數值中去 Trigger Event (但我實際設定後好像沒有用?)。並勾選進階的「在所有 YouTube 影片中加入 JavaScript API 支援功能」,勾選這個選項後,系統會將缺少的參數加進頁面上的所有 YouTube 影片

https://ithelp.ithome.com.tw/upload/images/20171221/20107582WV1AAiLUNm.png

接下來為了可以傳送相關的數值到 GA 中,所以我們需要開啟幾個 Youtube 的內建變數,如下圖所示,Video Current Time、Video Status 和 Video Title 等變數

https://ithelp.ithome.com.tw/upload/images/20171221/2010758251UXBjAO5l.png

最後再新增一個 GA 的 Event Tag,其中的設定值如下:

  • Category:Youtube
  • Action:{{Video Title}}
  • Label:{{Video Status}} - {{Video Percent}} %

Triggering 要選擇剛剛設定好的 Youtube Tracking Trigger

https://ithelp.ithome.com.tw/upload/images/20171221/201075820QFoo1uriN.png

設定好之後,我們可以先用預覽模式來看看是否設定成功,載入到設定 Youtube Tracking 的頁面,對著影片點擊開始、暫停等動作就會 Trigger gtm.video 的 Event,如下圖左側欄所示,也可以開啟右邊的 Tag 看一下裡面記錄的資料是否正確

https://ithelp.ithome.com.tw/upload/images/20171221/20107582ooZM82LIPo.png

發佈上線就可以直接在 GA 的 Event Report 看到相關的數據囉!

歡迎來職涯社群的 GTM 社團一起討論哦!
原文章


上一篇
GTM 21 - 使用非互動匹配(Non-Interaction Hit)來修正跳出率(Bounce Rate)
下一篇
GTM 23 - 如何透過 Tag Manager 整合第三方(Third-party)服務
系列文
Google Tag Manager Micro Challenge30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
dancegame
iT邦新手 5 級 ‧ 2018-01-09 11:14:20

原生很棒,但發現原生沒有提供畫質選取!!!..要自己實做了

我要留言

立即登入留言