项目介绍

这是一个用于网站分析的JavaScript库。当页面的URL包含”staging”或”dev”时,会自动添加Google Analytics跟踪代码。这样可以方便地收集用户在不同环境下的行为数据,例如点击、提交表单等。

特点

  • 自动检测当前页面是否处于测试环境或开发环境中;
  • 支持各种Google Analytics事件的跟踪,如提交表单、点击链接等;
  • 简单易用,无需修改HTML代码;
  • 兼容主流浏览器。

使用方法

  1. 将上述代码添加到您的HTML文件中,通常放在<head>标签内;
  2. 在Google Analytics中创建一个账户并获取跟踪ID;
  3. 将跟踪ID替换为以下代码中的YOUR_TRACKING_ID,即将YOUR_TRACKING_ID替换为您的跟踪ID。
<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
<title>Document</title>  
{% include analytics.html %} <!-- 插入上述代码 -->  
</head>  
<body>  
...  
</body>  
</html>  

注意事项

  • 请确保已正确配置Google Analytics账户和跟踪ID;
  • 如果需要对页面进行定制化设置,请参考官方文档;
  • 由于自动添加了Google Analytics代码,因此请勿在生产环境中使用此方法。