GA4如何跟踪YouTube视频？增强型衡量与GTM完整教学

更新时间：2024年7月1号

如果网站中嵌入了 YouTube 视频，希望了解用户是否播放视频、播放到哪里、是否看完整部视频，可以通过GA4或GTM实现视频行为跟踪。

YouTube 视频跟踪的前提条件

无论使用 GA4 还是 GTM，要跟踪嵌入网页中的 YouTube 视频，都必须满足以下两个条件：

• 视频以 iframe 方式嵌入网页；
• 已启用 YouTube IFrame Player API（JavaScript API）。

如果没有启用 JS API，浏览器无法获取播放器状态，自然也无法知道用户什么时候开始播放、暂停或播放完成。

GA4主要有两种实现方式：

• 使用 GA4「增强型衡量」
• 使用GTM上的Youtube视频触发器

方式一：使用GA4增强型衡量中的「视频互动度」

GA4 内置了视频互动度功能，只要开启增强型衡量，并且网页中的 YouTube 视频符合跟踪条件，GA4 就会自动收集视频事件，无需额外编写代码。

开启方式：「管理」 ——「 数据串流」 ——「网站数据流」—— 「增强型衡量功能」：

开启后，GA4会自动收集以下事件：

• video_start，视频开始播放
• video_progress、其中video_progress可以设置不同的播放时长，如视频播放时长超过 10%、25%、50% 和 75% 时触发。
• video_complete，视频播放结束

这三个事件会自动带上以下参数，方便你在GA4中分析：：

• 视频提供方（来自video_provider）
• 视频标题（来自video_title）
• 视频网址（来自video_url）
• 可见（来自visible）

优点：无需 GTM；不需要编写任何代码；配置简单；适合大多数网站

缺点：播放进度是固定，无法修改

方式二：使用GTM的YouTube视频触发器（进阶 & 灵活）

如果需要更精细的控制，例如：

• 播放（Start）
• 暂停（Pause）
• 播放完成（Complete）
• 缓冲（Buffering）
• 自定义播放进度（例如 30%、80%、95%）

那么建议使用GTM的YouTube视频触发器

假设现在要对https://www.ichdata.com/youtube-test上的视频做跟踪，计划是跟踪播放，暂停，结束，播放到30%这几个事件，接下来看如何设置。

Step 1：开启YouTube相关的内置变量

在 GTM 中点击「变量」——「内置变量」，勾选所有与 YouTube Video 相关的内置变量，例如：

这些变量后续可以直接作为 GA4 事件参数发送。

Step 2：设置YouTube视频触发器

在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置… 」——「YouTube视频」，然后做如下设置：

可以根据需求勾选需要监听的事件：

• 开始：收集用户点击开始事件
• 完成：收集用户播放视频结束事件
• 暂停、跳转和缓冲：收集用户暂停视频、跳转和缓冲视频的操作。
• 进度：收集视频的播放进度，可以是25%，50%和75%，或10秒，30秒，1分钟，，如要同时跟踪10%、20%、30%，那么设置为10,20,30
• 为所有视频添加 JavaScript API 支持：如果你的嵌入youtube链接缺少必须的参数enablejsapi=1，那么开启这个功能将自动的给你的视频添加，需要注意的是，这个是通过加载iframe，所以用户可能在第一次加载的时候可能会感觉到闪速，配置这个的前提是页面需要加载这个库https://www.youtube.com/iframe_api。

Step 3：设置GA4事件

在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置… 」——「Google Analytics（分析）：GA4 事件」，然后做如下设置：

前面开启的内置变量可以设置为事件参数。

Step 4：调试与验证

配置好后，还需要在 GTM 里预览调试，在GTM 里点击「预览」，打开页面后，模拟所需测试的行为，再返回到Tag Assistant，看是否有发送事件，代码是否有触发：

两种方式如何选择？