更新时间:2024年7月1号
要对网站上的Youtube视频做跟踪,有个前提,就是要加载JS API库,没有加载这个库,是跟踪不了的。
Google Analytics 4 有两种方式可以对网站上的Youtube视频做跟踪:
- 一种是用增强型衡量里的视频互动度
- 一种是用GTM上的Youtube视频触发器
增强型衡量事件里视频互动度
Google Analytics 4里内置了Youtube视频跟踪,在增强型衡量事件里:
只需要勾选,就自动跟踪。
视频互动度默认会收集三个事件
- video_start,视频开始播放
- video_progress、其中video_progress可以设置不同的播放时长,如视频播放时长超过 10%、25%、50% 和 75% 时触发。
- video_complete,视频播放结束
这三个事件会带有如下事件参数:
- 视频提供方(来自 video_provider)
- 视频标题(来自 video_title)
- 视频网址(来自 video_url)
- 可见(来自 visible)
这种方式虽然设置简单,但跟踪的视频进度是固定,只能跟踪 10%、25%、50% 和 75%,你不能自定义,如果你需要跟踪播放80%,那么就需要使用Youtube视频触发器。
Youtube视频触发器
GTM里有一个Youtube视频触发器,可以对网页里的Youtube视频做跟踪,我们通过一个设置案例看来如何使用它。
假设现在要对https://www.ichdata.com/youtube-test上的视频做跟踪,计划是跟踪播放,暂停,结束,播放到30%这几个事件,接下来看如何设置。
开启Youtube内置变量
Youtube视频触发器有内置一些变量,你可以勾选它,就可以在GTM里使用,这些变量可以设置为事件的参数:
还有一些与Youtube视频相关的数据层变量,可以通过数据层去获取:
- event: ‘gtm.video’ 这个事件名包含所有的推送如数据层的YouTube视频事件,这个就是Youtube触发器需要触发的。
- gtm.videoProvider: ‘youtube’定义跟踪哪个视频平台,类似的你可以跟踪其他平台,前提是该平台支持。
- gtm.videoStatus: ‘start’ 定义触发事件的视频状态,可以是’start’, ‘complete’, ‘pause’, ‘buffering’, 和’progress’。
- gtm.videoUrl: ‘https://www.youtube.com/watch?v=…’ 内嵌视屏原始网。
- gtm.videoTitle: ‘name’ 内嵌视频的名字。
- gtm.videoDuration: 197 视频长度,按秒算
- gtm.videoCurrentTime: 30 标记事件触发的时间
- gtm.videoElapsedTime: 10 最近一次暂停或缓存的时间
- gtm.videoPercent: 15 标记事件触发的播放比例
- gtm.videoVisible: true,设置为true或false,视频事件发生是在浏览器是否可见。
设置Youtube触发器
然后是设置触发器,我们是要跟踪跟踪播放,暂停,结束,播放到30%这几个事件,触发器做如下设置:
- 开始:收集用户点击开始播放视频
- 完成:收集用户播放视频到结束的
- 暂停、跳转和缓冲:收集用户暂停视频、跳转和缓冲视频的操作。
- 进度:收集视频的播放进度,可以是25%,50%和75%,或10秒,30秒,1分钟,,如要同时跟踪10%、20%、30%,那么设置为10,20,30
- 为所有视频添加 JavaScript API 支持:如果你的嵌入youtube链接缺少必须的参数enablejsapi=1,那么开启这个功能将自动的给你的视频添加,需要注意的是,这个是通过加载iframe,所以用户可能在第一次加载的时候可能会感觉到闪速,配置这个的前提是页面需要加载这个库https://www.youtube.com/iframe_api。
设置代码
然后设置代码,作如下设置:
前面开启的内置变量可以设置为事件参数。
调试
最后就是在GTM上调试了,可以看到事件成功触发。
如果你不会调试,请看:Google Tag Manager中新的调试方式:Tag Assistant
常见问题
开启增强衡量后,没有YT事件
如果你开起来增强型衡量事件,但是跟踪不到上述事件,那么可能是缺少JS API。