Cursor实践项目-17-用Cursor快速开发社交媒体图片工具:从构思到上线全流程指南(五) — 通过Google Analytics分析网站访问情况
项目说明
上线只是开始:有多少人来、从哪里来、停留多久、哪页最受欢迎?本篇手把手接入 Google Analytics,用数据驱动迭代。
预计用时:约 30 分钟(创建后即可查看实时数据)
Cursor 使用次数:≈ 1
本节成果:实时在线人数、热门页面、访问来源、地区与设备类型、基础转化事件一目了然。
成果展示
网站已上架:pixtoolkits.com
前置准备
- Cursor
- 版本:1.3.9
- cursor rules: https://cursorpractice.com/zh/cursor-tutorials/prompts/system-prompts
- agent: claude-4-sonnet-thinking、GTP-5
- project rules: ./cursorpractice-06-10xUse.md
- 可选:Gemini CLI
- 安装:npm install -g @gemini-cli/gemini
- 使用:gemini --help
- 注册好google账户
项目详细步骤
- 进入google Analytics页面,点击右下角settings-create-选择property
- 输入域名作为名称,点击下一步
- 选择电子产品和网络,小型公司1-10人
- 根据实际需求,选择商业目的
- 由于是网站,选择 “Web” 作为平台
- 在“网站 URL”处输入你的域名,点击右上角的“Create & continue”完成创建
- 等待系统生成跟踪代码(Measurement ID / gtag.js),复制页面中提供的代码片段
- 将代码片段交给 Cursor 或手工加入到网站的 部分,保存并部署网站
- 部署后,登录 Google Analytics 打开“实时”报告,确认是否已有访问数据
小贴士:
- 若实时数据未显示,先确认 Measurement ID 是否正确、页面已成功部署且没有被浏览器扩展/隐私设置拦截;等待 1-5 分钟常可见数据。
- 推荐将跟踪代码放在全局模板的 ,保证所有页面都能上报。
系列
- Cursor实践项目-13-用Cursor快速开发社交媒体图片工具:从构思到上线全流程指南(一)
- Cursor实践项目-14-用Cursor快速开发社交媒体图片工具:从构思到上线全流程指南(二)-基础图片处理、剪切板图片便捷处理
- Cursor实践项目-15-用Cursor快速开发社交媒体图片工具:从构思到上线全流程指南(三)-照片墙、图片拼接
- Cursor实践项目-16-用Cursor快速开发社交媒体图片工具:从构思到上线全流程指南(四) — 域名购买+github+vercel+cloudflare->网站线上发布
- Cursor实践项目-17-用Cursor快速开发社交媒体图片工具:从构思到上线全流程指南(五) — 通过Google Analytics分析网站访问情况(当前篇)