Google Analytics 事件追踪测试

这个页面用于测试GA4事件追踪功能。请在浏览器开发者工具中查看网络请求， 或在Google Analytics实时报告中查看事件触发情况。

测试计算器输入事件

每次输入都会触发 calculator_input 事件

测试比例选择事件

当前选择: 16:9

测试图片上传事件

点击按钮触发 image_upload 事件

测试报告查看事件

点击按钮触发 report_view 事件

已实现的事件类型

calculator_input
计算器输入事件
✅ 已实现
calculator_selection
计算器选择事件
✅ 已实现
image_upload
图片上传事件
✅ 已实现
report_view
报告查看事件
✅ 已实现

如何验证事件追踪

方法1: 浏览器开发者工具

  1. 按 F12 打开开发者工具
  2. 切换到 Network 标签
  3. 筛选 "google-analytics" 或 "collect"
  4. 触发上述事件，查看网络请求

方法2: Google Analytics 实时报告

  1. 登录 Google Analytics
  2. 选择 "实时" → "事件"
  3. 触发上述事件，查看实时数据

方法3: Google Analytics Debugger 扩展

  1. 安装 "Google Analytics Debugger" 浏览器扩展
  2. 启用调试模式
  3. 在控制台查看详细的GA事件信息