百度统计分析埋点最佳实战篇

简介: 百度统计分析埋点最佳实战篇

前言

百度统计Tongji API可以为网站接入者提供便捷的获取网站流量数据的通道, 从而使网站接入者可向网站帐号提供数据分析、运营监控、网站推广等服务。

因公司业务需求,本人花了半天时间研究了下百度统计分析,并且在公司的项目中成功集成使用,以下来说说本人的心路历程

上手前准备: 百度统计账号,这个自己自行注册,注册完成后登录进去

百度统计使用

依次打开 网站统计 > 管理 > 网站列表

image.png新增网站   按照提示规则输入正确的域名, 点击确定保存image.png保存成功后你就会看到自由网站下有刚刚新增的一条信息, 点击获取代码

image.png获取代码后复制对应的代码即可












<script>var _hmt = _hmt || [];(function() {  var hm = document.createElement("script");  // 注意: xxxxxxxxxxxxx 就是你自己网站的key  hm.src = "https://hm.baidu.com/hm.js?xxxxxxxxxxxxx";  var s = document.getElementsByTagName("script")[0];   s.parentNode.insertBefore(hm, s);})();</script>

不管是 vue react 或者是html 页面,都有自己对应的入口文件,按照 代码安装说明添加这段代码即可


代码安装说明 安装实例 建站工具中的安装方法

1. 请将代码添加到网站全部页面的</head>标签前。

2. 建议在header.htm类似的页头模板页面中安装,以达到一处安装,全站皆有的效果。

3. 如需在JS文件中调用统计分析代码,请直接去掉以下代码首尾的,<script type="text/javascript">与</script>后,放入JS文件中即可。

如果代码安装正确,一般20分钟后,可以查看网站分析数据。

3. 代码检测

代码安装完成后,您可以在“代码安装检查”页面自动检测或手动检测代码安装情况。


到这一步基本集成完成了


由于公司开发使用 umi3开发的,找了好久没有找到入口文件,翻阅官方文档,发现umi3自己已经集成了百度统计插件,获取网站的key就可以直接使用,具体使用方法看umi3插件

@umijs/plugin-analytics

链接: https://umijs.org/zh-CN/plugins/plugin-analytics


事件埋点  trackEvent


本文重点讲下采用 trackEvent 对事件进行埋点

打开 管理 > 转化设置 > 事件转换 > TrackEvent > 添加事件转化image.png事件转换有三种方式,这个自行去尝试,各有各的有点

在触发事件的地方进行埋点


window._hmt.push(['_trackEvent', category, action, opt_label, opt_value]);
参数 说明
category 要监控的目标的类型名称,通常是同一组目标的名字,比如"视频"、"音乐"、"软件"、"游戏"等等。该项必填,不填、填"-"的事件会被抛弃。
action 用户跟目标交互的行为,如"播放"、"暂停"、"下载"等等。该项必填,不填、填"-"的事件会被抛弃。
opt_label 事件的一些额外信息,通常可以是歌曲的名称、软件的名称、链接的名称等等。该项选填,不填、填"-"代表此项为空。
opt_value 事件的一些数值信息,比如权重、时长、价格等等,在报表中可以看到其平均值等数据。该项可选。

根据参数数据进行埋点上报即可


最终展示效果: image.png以上只是对集成以及事件埋点的使用做简单的介绍

后续来说如果有需求,我想可以增加一下这些功能,比如:页面上下游(记录访客的点击路径,来研究顾客的访问习惯,从而优化网站)、页面点击图(展示页面上的点击热度)、事件分析(涉及button的点击等)、事件转化、时长转化、页数转化等。

相关文章
|
6月前
|
数据采集 Python
爬虫实战-Python爬取百度当天热搜内容
爬虫实战-Python爬取百度当天热搜内容
194 0
|
6月前
AutoJS4.1.0实战教程 ---百度极速版
AutoJS4.1.0实战教程 ---百度极速版
133 0
|
Web App开发 计算机视觉 iOS开发
验证码识别实战|百度营销模拟登陆
验证码识别实战|百度营销模拟登陆
155 0
|
数据可视化 搜索推荐 JavaScript
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
903 0
|
3月前
|
JavaScript 前端开发 数据挖掘
用百度和神策做埋点为何 pv 差异很大?
近期 ClkLog 收到一个客户反馈说我们与百度统计的 PV 数据差异很大。为了验证问题,开发进行了一次对页面浏览量统计的测试。针对同一个 IP 同一个时间的页面浏览量统计发现,百度的统计数据只有一条,而 ClkLog 有十条记录,于是我们展开了问题排查。
用百度和神策做埋点为何 pv 差异很大?
|
3月前
|
数据采集 XML 前端开发
Python爬虫实战:利用代理IP爬取百度翻译
Python 爬虫实战:利用代理 IP 爬取百度翻译
179 2
|
JavaScript 前端开发 API
python对接API二次开发高级实战案例解析:百度地图Web服务API封装函数(行政区划区域检索、地理编码、国内天气查询、IP定位、坐标转换)
python对接API二次开发高级实战案例解析:百度地图Web服务API封装函数(行政区划区域检索、地理编码、国内天气查询、IP定位、坐标转换)
430 0
|
6月前
|
Android开发
Flutter完整开发实战详解(六、 深入Widget原理),2024百度Android岗面试真题收录解析
Flutter完整开发实战详解(六、 深入Widget原理),2024百度Android岗面试真题收录解析
|
搜索推荐 中间件
系统入门到实战学习某项技术、有问题找"百度"、学习大佬的技术博客、找开源代码等资料
系统入门到实战学习某项技术、有问题找"百度"、学习大佬的技术博客、找开源代码等资料
84 0
|
6月前
|
数据可视化 Python
R语言量化技术分析的百度指数关注度交易策略可视化
R语言量化技术分析的百度指数关注度交易策略可视化