YouTube Google Analytics 嵌入跟踪插件使用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00018/article/details/139572829

YouTube Google Analytics 嵌入跟踪插件使用教程

youtube-google-analytics YouTube Google Analytics Embed Tracking 项目地址: https://gitcode.com/gh_mirrors/yo/youtube-google-analytics

1、项目介绍

YouTube Google Analytics 嵌入跟踪插件是一个开源项目，旨在帮助开发者通过 Google Analytics 跟踪用户与 YouTube 视频的交互行为。该项目支持 Google Tag Manager (GTM)、Universal Analytics 和 Classic Analytics，能够自动检测并使用最适合的跟踪方式。插件默认跟踪播放、暂停、观看至结束以及视频观看的百分比（如10%、25%、50%、75%和90%），开发者可以根据需求自定义跟踪事件。

2、项目快速启动

安装步骤

克隆项目：

git clone https://github.com/Bounteous-Inc/youtube-google-analytics.git

进入项目目录：
```
cd youtube-google-analytics
```
安装依赖：
```
npm install
```
配置插件：在项目根目录下找到 lunametrics-youtube-gtm.js 文件，根据需求修改配置参数。
部署插件：将修改后的代码部署到你的网站或应用中。

示例代码

以下是一个简单的示例代码，展示如何在网页中嵌入 YouTube 视频并使用插件进行跟踪：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>YouTube 视频跟踪示例</title>
    <script src="lunametrics-youtube-gtm.js"></script>
</head>
<body>
    <iframe id="youtube-video" src="https://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1&origin=http%3A%2F%2Fwww.example.com" width="560" height="315"></iframe>
</body>
</html>