React+Laravel项目如何追踪展示用户链接点击、来源等统计数据

你当前的技术栈是React做前端、Laravel做后端，核心需求是为每个用户的专属链接统计点击量、来源国，还要给用户单独展示自己的统计数据，两种方案的对比如下：

基于Laravel生态自研统计逻辑 #

• 实现逻辑非常贴合现有栈：给每个用户的专属链接配置统一的中转跳转路由，比如路径格式为/go/{link_uniq_id}，每次用户触发链接点击走到这个路由时，直接在Laravel层完成信息记录：解析请求IP对应的来源国家、记录点击时间、关联对应的链接ID与所属用户ID，写入数据库/缓存层
• 给React前端提供聚合统计接口：按当前登录用户的ID做数据过滤，聚合统计该用户名下所有链接的总点击数、分链接点击数、来源国分布，直接渲染到用户的个人后台就行
• 优势：数据100%自己掌控，后续如果要扩展自定义统计维度（比如用户点击的设备、访问时长）不用受第三方平台限制，没有对接第三方的接口权限、配置成本
• 劣势：需要自己维护IP归属解析的IP库、过滤爬虫流量、高并发下的计数性能优化，长期的历史数据存储成本需要自行承担

基于Google Analytics实现统计 #

• 优势：不用自己写统计埋点、IP解析、爬虫过滤的逻辑，流量存储、长期统计能力都是平台现成的，省掉大量基础开发工作
• 劣势：需要做好严格的用户维度数据隔离，不然所有用户的统计数据会全部混杂，没法单独给每个用户展示对应的内容

如果决定选GA方案，只要做好三个层面的对接，就能实现每个用户只看自己的数据：

1. 前置配置：在GA后台新建一个作用范围为「事件级」的自定义维度，用来存储统计时关联的所属用户ID、对应的链接ID两个参数
2. React前端埋点：从当前用户主页的路由参数中解析出页面所属的用户ID，当页面上展示该用户的专属链接时，只要触发任意一个链接的点击事件，就在上报GA事件的参数里带上当前的用户ID、被点击的链接ID，让每一条点击数据都能绑定到具体的用户身上
3. Laravel后端取数对接：通过官方GA接口拉取统计数据时，按自定义维度里的用户ID做严格过滤，拉到对应单用户的点击量、来源国分布等指标后，做权限校验（确保登录用户只能拉取自己ID对应的数据），整理成结构化数据传给React前端渲染

迷你项目选型小建议：如果项目当前用户规模不大，优先选Laravel自研的方案更划算——不用花时间学习GA的接口逻辑、做复杂的参数映射，简单几十行代码就能跑通基础统计能力，等用户量增长到单靠自身服务扛不住统计压力时，再迁移到GA也完全可行。

内容的提问来源于stack exchange，提问作者AlyaKra