自定义注解实现百度统计埋点

发布时间：2026/10/12 3:23:41

自定义注解实现百度统计埋点
1. 自定义注解与拦截器实现首先定义一个用于标记需要统计的方法或接口的自定义注解BaiduStatistics。import java.lang.annotation.*; /** * 百度统计自定义注解 * 用于标记需要进行访问统计的方法或接口 */ Target({ElementType.METHOD, ElementType.TYPE}) Retention(RetentionPolicy.RUNTIME) Documented public interface BaiduStatistics { /** * 统计事件名称 */ String eventName() default ; /** * 统计事件类型 (如pv, uv, click等) */ String eventType() default pv; }接着创建一个 Spring MVC 拦截器BaiduStatisticsInterceptor用于拦截被BaiduStatistics注解标记的请求并执行统计逻辑。import org.springframework.web.method.HandlerMethod; import org.springframework.web.servlet.HandlerInterceptor; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.lang.reflect.Method; /** * 百度统计拦截器 */ public class BaiduStatisticsInterceptor implements HandlerInterceptor { Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { // 1. 判断handler是否为HandlerMethod (Controller方法) if (handler instanceof HandlerMethod) { HandlerMethod handlerMethod (HandlerMethod) handler; Method method handlerMethod.getMethod(); // 2. 检查方法上是否有BaiduStatistics注解 BaiduStatistics methodAnnotation method.getAnnotation(BaiduStatistics.class); if (methodAnnotation ! null) { // 3. 执行统计逻辑 doStatistics(methodAnnotation, request); return true; } // 3. 检查类上是否有BaiduStatistics注解 BaiduStatistics classAnnotation method.getDeclaringClass().getAnnotation(BaiduStatistics.class); if (classAnnotation ! null) { doStatistics(classAnnotation, request); return true; } } return true; } /** * 执行具体的统计上报逻辑 *此处模拟调用百度统计API */ private void doStatistics(BaiduStatistics annotation, HttpServletRequest request) { String eventName annotation.eventName(); String eventType annotation.eventType(); String url request.getRequestURI(); String ip request.getRemoteAddr(); String userAgent request.getHeader(User-Agent); // 构建统计参数 // 实际应调用百度统计的SDK或发送HTTP请求到百度统计服务器 // 例如: _hmt.push([_trackEvent, eventType, eventName, url]); System.out.printf([百度统计] 事件类型: %s, 事件名称: %s,访问URL: %s, 客户端IP: %s%n, eventType, eventName, url, ip); // 这里可以集成百度统计的JavaScript SDK的服务器端调用逻辑 // 或者将数据异步发送到自己的统计服务再由前端或后端统一上报 } }然后将拦截器注册到 Spring MVC 的配置中。在 Spring Boot 中可以通过配置类实现。import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.InterceptorRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; Configuration public class WebMvcConfig implements WebMvcConfigurer { Override public void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(new BaiduStatisticsInterceptor()) .addPathPatterns(/**) // 拦截所有路径 .excludePathPatterns(/static/**, /error); // 排除静态资源等 } }最后在需要进行统计的 Controller 方法或类上使用BaiduStatistics注解。import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RestController; RestController public class DemoController { GetMapping(/api/data) BaiduStatistics(eventName 查询核心数据, eventType api_call) public String getData() { return 重要数据; } BaiduStatistics(eventName 用户信息模块) // 类级别注解该类下所有方法都会被统计 RestController RequestMapping(/api/user) public class UserController { GetMapping(/profile) public String getProfile() { return 用户信息; } } }2. 集成百度统计查看图表完成数据上报后需要在百度统计官网查看图表。核心步骤是在前端页面嵌入百度统计的 JavaScript 跟踪代码。首先在百度统计官网tongji.baidu.com创建站点获取跟踪代码其格式如下script var _hmt _hmt || []; (function() { var hm document.createElement(script); hm.src https://hm.baidu.com/hm.js?你的站点密钥; var s document.getElementsByTagName(script)[0]; s.parentNode.insertBefore(hm, s); })(); /script然后将此代码嵌入到你的 Vue 或 HTML 项目的入口文件如index.html或main.js中。对于 Vue 项目通常放在public/index.html的head标签内。为了更精细地控制统计例如配合后端拦截器上报的自定义事件可以在前端组件中手动调用百度统计 API。// 在Vue组件或任何JavaScript中export default { methods: { trackCustomEvent() { // 确保_hmt对象已加载 if (window._hmt) { //推送自定义事件 //参数说明_trackEvent(category, action, opt_label, opt_value) window._hmt.push([_trackEvent, API接口, 调用, 查询数据接口, 1]); } }, trackPageView() { if (window._hmt) { // 推送虚拟页面浏览 window._hmt.push([_trackPageview, /virtual/page/view]); } } }, mounted() { // 组件挂载时触发一个事件 this.trackCustomEvent(); } }3. 后端拦截器与前端统计的协作模式协作环节后端拦截器 (BaiduStatisticsInterceptor)前端百度统计代码数据流向与目的主要职责拦截特定请求记录服务器端事件如API调用、关键业务操作。收集页面浏览PV/UV、用户点击、前端行为等客户端数据。后端数据可用于补充前端无法收集的深度业务逻辑数据。数据上报通常通过日志记录、发送请求到自有中间件或调用百度统计服务器端API如有。通过加载的hm.js自动收集基础数据并通过_hmt.push()方法上报自定义事件。两路数据最终在百度统计后台汇总。典型应用场景统计核心业务接口的调用频次、成功率或记录涉及敏感权限的操作。统计页面访问流量、用户按钮点击、表单提交、停留时间等。实现全方位的数据监控从页面表现到业务逻辑。配置关联依赖自定义注解BaiduStatistics进行标记。依赖在百度统计后台获取的站点密钥HM.js URL中的参数。两者通过相同的事件分类category和动作action在百度统计后台进行关联分析。4. 在百度统计后台查看图表登录百度统计访问tongji.baidu.com并使用你的账号登录。选择站点在概览页面选择你嵌入了代码的对应网站。查看报告趋势分析查看 PV、UV、访问时长等核心指标的走势图。事件跟踪在“行为” “事件跟踪”中可以查看通过_trackEvent上报的自定义事件包括后端拦截器模拟上报的事件的触发次数、用户数等图表。页面分析查看各个页面的访问详情。转化路径可以设置目标并查看转化漏斗。通过以上步骤你便实现了通过自定义注解和拦截器进行服务器端事件统计并结合前端代码进行全方位数据收集最终在百度统计后台通过丰富的图表进行数据分析。参考来源基于SpringBoot2Vue2的常规应急物资管理系统2026毕设ssmvue农产品溯源app论文程序基于Spring Boot的网上摄影工作室系统源码一键运行SpringSpringMVCMybatisSSM框架搭建教程六-总结篇SpringBootVue智能停车场管理系统全栈开发实战与部署指南

相关新闻

SpringBoot事务优化：非数据库逻辑移出事务

SpringBoot事务优化：非数据库逻辑移出事务

SpringBoot事务优化：非数据库逻辑移出事务用途：代码CR、AI评审、团队编码参考 核心主题：Transactional大事务优化，晚开事务、早提交事务，区分哪些逻辑放事务内、哪些放事务外，附带正反案例、坑点、两种业务…

2026/10/12 3:23:12 阅读更多 →
网络安全核心维度与防护实战指南

网络安全核心维度与防护实战指南

1. 网络安全：数字时代的生存必修课 早上七点，你睡眼惺忪地抓起手机刷社交媒体；九点在地铁上用电子钱包买早餐；下午通过云文档与同事协作方案；晚上回家用智能门锁开门，对着语音助手点外卖——这些稀松平常的…

2026/10/9 19:46:58 阅读更多 →
Windows IIS FTP服务器搭建与多用户权限隔离配置实战

Windows IIS FTP服务器搭建与多用户权限隔离配置实战

1. 项目概述：为什么要在Windows上自建FTP服务器？ 在项目协作、文件共享或者个人数据备份的场景里，我们经常需要一种简单可靠的方式来传输文件。虽然现在有各种云盘和即时通讯工具，但在局域网内，或者对传输速度、可控性…

2026/10/8 16:12:46 阅读更多 →

最新新闻

SpringBoot整合MyBatis实战：从配置到原理，常见问题全解析

SpringBoot整合MyBatis实战：从配置到原理，常见问题全解析

1. 项目概述与核心价值这块内容的核心就是解决一个很实际的问题：怎么让 SpringBoot 项目和 MyBatis 顺利“牵手”。很多刚开始接触这套组合的朋友，最直观的感受是“配置怎么这么多”“为什么我的 Mapper 接口扫不到”“明明 SQL 没问题但就是报错”。这很…

2026/10/12 3:22:59 阅读更多 →
remocn一次性讲透27种Remotion场景转场：从硬切到Shader擦除

remocn一次性讲透27种Remotion场景转场：从硬切到Shader擦除

【免费下载链接】remocn Production-ready animations, transitions, backgrounds, and scenes for Remotion 项目地址： https://gitcode.com/gh_mirrors/re/remocn 点击查看 免费下载 remocn 是一个面向 Remotion 的复制粘贴式动效组件库，它的 Transit…

2026/10/12 3:22:59 阅读更多 →
interview-go 仓库导读：Golang 面试题知识体系与实战解析指南

interview-go 仓库导读：Golang 面试题知识体系与实战解析指南

文档教程后端 【免费下载链接】interview-go golang面试题集合https://interview.disign.me/ 项目地址： https://gitcode.com/gh_mirrors/in/interview-go 点击查看 免费下载 本文以 interview-go 仓库的导航文档 docs/README.md 为骨架，系统梳理这份「…

2026/10/12 3:22:58 阅读更多 →
LiteLLM实战：统一多模型接入与网关部署的完整指南

LiteLLM实战：统一多模型接入与网关部署的完整指南

近一两年做 AI 应用，最让我头疼的往往不是模型本身的能力，而是“怎么把各个模型顺畅地接进自己的代码”。每家模型服务商的接口风格都不同，有的偏好流式事件，有的用完全不一样的鉴权方式，有的连请求字段和返回结构都有…

2026/10/12 3:22:58 阅读更多 →
Oat UI 数据表格（Table）组件实战：零依赖语义化表格与源码级样式解析

Oat UI 数据表格（Table）组件实战：零依赖语义化表格与源码级样式解析

【免费下载链接】oat Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library. ~10KB mingz. 项目地址： https://gitcode.com/gh_mirrors/oat5/oat 点击查看 免费下载 Oat 是一个超轻量、零依赖的语义化 HTML/CSS/JS UI 库（约 10KB mi…

2026/10/12 3:22:58 阅读更多 →
具身智能中的无线技术——无线线束1

具身智能中的无线技术——无线线束1

无线线束是具身智能领域的颠覆性技术&#xff0c;通过用无线电波替代机器人内部的信号线&#xff0c;解决线缆易断、重量大、灵活性受限等问题。其核心在于实现低时延&#xff08;<20μs&#xff09;、高可靠性、抗干扰的无线通信&#xff0c;已在灵巧手、触觉皮肤和电池管理…

2026/10/12 3:21:58 阅读更多 →

日新闻

复古胶片颗粒感噪点合成器：Canvas ImageData 像素高斯杂色注入算法

复古胶片颗粒感噪点合成器：Canvas ImageData 像素高斯杂色注入算法

在数码相机、高清显示屏与现代矢量图形技术高度发达的今天&#xff0c;画面可以做到绝对的锐利、平滑与无瑕。然而&#xff0c;当一张秋日手账插画或拍立得照片过于“平整无瑕”时&#xff0c;往往会散发出一种冰冷生硬的“数码塑料感&#xff08;Digital Plasticity&#xff0…

2026/10/12 0:00:59 阅读更多 →
活字印刷古籍线装排版：Canvas 竖排文字与栏线自适应算法

活字印刷古籍线装排版：Canvas 竖排文字与栏线自适应算法

在现代网页与移动端设计中&#xff0c;横排&#xff08;Horizontal Layout&#xff09;早已经成为了绝对的主流。然而&#xff0c;当我们翻开泛黄的线装古籍、宋版木刻诗集&#xff0c;或是欣赏一张茶道雅集的手写便签时&#xff0c;那种**自上而下纵向书写、自右向左逐列铺展&…

2026/10/12 0:00:59 阅读更多 →
周日晚间的“精神松绑减震器”：无压力情绪倾倒箱与温和轻声陪伴

周日晚间的“精神松绑减震器”：无压力情绪倾倒箱与温和轻声陪伴

每到周日的晚上八点到十点&#xff0c;很多人心里都会悄悄亮起一盏警示灯。 在心理学上&#xff0c;这种现象有一个专门的称谓——“周日夜晚焦虑症&#xff08;Sunday Scaries&#xff09;”。明天又是周一&#xff0c;闹钟又要重新在七点响彻卧房&#xff1b;脑海里仿佛有一个…

2026/10/12 0:00:59 阅读更多 →

周新闻

流感时间序列预测实战：ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战：ARIMA/LSTM全流程拆解与避坑指南

简介&#xff1a;基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码&#xff0c;面向计算机相关专业课程设计与期末大作业学生&#xff0c;以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程&#xff0c;…

2026/10/12 0:16:30 阅读更多 →
影刀RPA新手教程：键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程：键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程&#xff1a;键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化&#xff0c;十个新手有八个栽在"往输入框里填东西"这件事上&#xff1a;要么填不进去&#xff0c;要么填了一半&#xff0c;要么直接把原来内容追加在后面。这背后的根因&…

2026/10/12 0:16:38 阅读更多 →
影刀RPA新手教程：阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程：阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程&#xff1a;阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀&#xff1a;什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面&#xff0c;跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/12 0:16:43 阅读更多 →

月新闻

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/11 10:45:37 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/11 14:36:53 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/11 14:36:54 阅读更多 →