精华内容
下载资源
问答
  • 如何在Vue中添加百度统计代码?

    万次阅读 2020-09-23 03:40:03
    第一步:在百度统计网站中添加自己的网站 第二步:在maim.js下添加百度统计代码 第三步:创建beforeEach方法 第四步:代码安装检查 第一步:在百度统计网站中添加自己的网站 百度统计官网地址:...

    目录

    第一步:在百度统计网站中添加自己的网站

    第二步:在maim.js下添加百度统计代码

    第三步:创建beforeEach方法

    第四步:代码安装检查


    第一步:在百度统计网站中添加自己的网站

    百度统计官网地址:https://tongji.baidu.com/web/homepage/index

    第二步:在maim.js下添加百度统计代码

    var _hmt = _hmt || [];
    window._hmt = _hmt; // 将_hmt挂载到window下
     (function () {
           var hm = document.createElement("script");
           hm.src = "https://hm.baidu.com/hm.js?"+ 百度站点id;
           var s = document.getElementsByTagName("script")[0];
           s.parentNode.insertBefore(hm, s);
      })();

    第三步:创建beforeEach方法

    router.beforeEach((to, from, next) => {
        if (_hmt) {
            if (to.path) {
                _hmt.push(['_trackPageview', '/#' + to.fullPath]);
            }
        }
        next();
    });

    第四步:代码安装检查

    展开全文
  • VUE单页面应用在进行百度统计时,只能统计到主页的访问次数,而不能统计到子页面。 这是因为,如果按照以上百度统计提供的方法添加统计代码,在VUE单页面应用,如果不刷新,只会加载一次index.html,加载后会...

     

    VUE单页面应用在进行百度统计时,只能统计到主页的访问次数,而不能统计到子页面。
     
     
    这是因为,如果按照以上百度统计提供的方法添加统计代码,在VUE单页面应用,如果不刷新,只会加载一次 index.html, 加载后会继续加载main.js、App.vue、index.js等,所以不论在页面内怎么切换,都只会统计到一次。
    解决方法是,使用router的beforeEach 全局前置守卫或 方法在每次路由之前调用百度统计代码。
     

    将代码放在index.html的head中

      <script>
        var _hmt=_hmt||[];
        (function() {
          var hm=document.createElement("script");
          hm.src="https://hm.baidu.com/hm.js?a5ba0f0abe46b3c4d0539c55e4d02098";
          var s=document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm,s);
        })();
      </script>

    在VUE路由全局后置钩子或全局前置守卫调起百度统计即可

    router.beforeEach((to, from, next) => {
        if (to.path) {
        window._hmt.push(['_trackPageview', '/#' + to.fullPath]);
      }
     next()
    });
    
    或者
    
    router.afterEach(function(to, from) {
        if (to.path) {
        window._hmt.push(['_trackPageview', '/#' + to.fullPath]);
      }
    });

     

     

    展开全文
  • 百度统计添加应用,获取appkey和微信小程序统计sdk: 百度统计首页,点击“我的全部应用”右侧的添加按钮: (此图片来源于网络,如有侵权,请联系删除! ) “应用类型”选择小程序统计,选择微信小程序,填写应用名称...
  • 百度统计

    2019-04-04 13:16:45
    百度统计是百度推出的一款免费的专业网站流量分析工具,能够告诉用户 访客是如何找到并浏览用户的网站,在网站上做了些什么,有了这些信息,可 以帮助用户改善访客在用户的网站上的使用体验,不断提升网站的投资回报...

    百度统计是百度推出的一款免费的专业网站流量分析工具,能够告诉用户

    访客是如何找到并浏览用户的网站,在网站上做了些什么,有了这些信息,可
    以帮助用户改善访客在用户的网站上的使用体验,不断提升网站的投资回报率。
    网址:tongji.baidu.com

    流量分析:
    用户可以通过百度统计查看一段时间内用户网站的流量变化趋势,及时了
    解一段时间内网民对用户网站的关注情况及各种推广活动的效果。百度统计可
    以针对不同的地域对用户网站的流量进行细分。
    来源分析:
    用户可以通过百度统计了解各种来源类型给用户网站带来的流量情况,包
    括搜索引擎(精确到具体搜索引擎、具体关键词)、推介网站、直达等。通过
    来源分析,用户可以及时了解到哪种类型的来源给用户带来更多访客。
    网站分析:
    用户可以通过百度统计查看访客对用户网站内各个页面的访问情况,及时
    了解哪些页面最吸引访客以及哪些页面最容易导致访客流失,从而帮助用户更
    有针对性地改善网站质量。
    转化分析:
    用户可以通过百度统计设置用户网站的转化目标页面,比如留言成功页面

    等,然后用户就可以及时了解到一段时间内的各种推广是否达到了用户预期的
    业务目标,从而帮助用户有效地评估与提升网络营销投资回报率。

    展开全文
  • 调用百度统计 API

    千次阅读 2020-06-27 01:04:40
    百度统计为用户提供了 API 接入的方式,使得用户可以自定义 UI 而无须进入百度统计网站。百度统计存在两种账号体系:百度商业账号和百度账号,前者就是统计早期的用户账号,本文基于百度商业账号,说明如何接入统计 ...

    百度统计为用户提供了 API 接入的方式,使得用户可以自定义 UI 而无须进入百度统计网站。百度统计存在两种账号体系:百度商业账号和百度账号,前者就是统计早期的用户账号,本文基于百度商业账号,说明如何接入统计 API。

    • 官方 API 文档:https://tongji.baidu.com/api/manual/
    • 白皮书:https://tongji.baidu.com/web/image/百度发布《网站分析白皮书V3.0》.pdf

    通用请求头

    接口的请求需要向相应 API 通过 POST 的方式发送 JSON 格式的数据,注意 JSON 数据放在请求的 RawBody 中,而不是一般的键对值得 POST 结构。该请求数据的结构分为两个部分,header 部分是用户信息,body 部分 : 对于不同的 API,body 部分有所不同。

    String json = "{\"header\": "
    		+ "{"
    		+ "\"username\": \"xxxxx\", "
    		+ "\"password\": \"xxxxx\","
    		+ "\"token\": \"xxxx\","
    		+ "\"account_type\": 1"
    		+ "}"
    		+ "}";
    
    String html = HttpBasicRequest.post("https://api.baidu.com/json/tongji/v1/ReportService/getSiteList", json, conn -> {
    	conn.addRequestProperty("Content-type", "application/json");
    });
    

    请求必须指定 Content-type 为 application/json,否则不能请求。

    实现中我们把 header 用 map 定义,然后转换为 JSON 字符串,如下方法所示。

    /**
     * 获取请求头
     * 
     * @return
     */
    private static String getHeader() {
    	Map<String, Object> header = new HashMap<String, Object>() {
    		private static final long serialVersionUID = 1L;
    		{
    			put("username", ConfigService.get("baidu_tongji.api_username"));
    			put("password", ConfigService.get("baidu_tongji.api_password"));
    			put("token", ConfigService.get("baidu_tongji.api_token"));
    			put("account_type", 1);
    		}
    	};
    
    	return JsonHelper.stringifyMap(header);
    }
    

    接着可以传入不同业务需求的 body,body 也是 Map。

    private static final String JSON = "{\"header\": %s, \"body\": %s}";
    
    /**
     * 请求 API
     * 
     * @param body
     * @return
     */
    private static String getData(Map<String, Object> body) {
    	String req = String.format(JSON, getHeader(), JsonHelper.stringifyMap(body));
    	String json = HttpBasicRequest.post("https://api.baidu.com/json/tongji/v1/ReportService/getData", req, conn -> {
    		conn.addRequestProperty("Content-type", "application/json");
    	});
    
    	return "json::" + json;
    }
    

    然后进行请求,返回结果 JSON。

    获取站点列表

    一个百度统计账号下面可以有多个站点。接口 https://api.baidu.com/json/tongji/v1/ReportService/getSiteList 。关键的字段是 siteId,如果已知 siteId 则可不必请求该接口。

    获取报告数据

    这是核心的 API,接口是 https://api.baidu.com/json/tongji/v1/ReportService/getData。在这个接口中根据不同的参数来获取各项的报告数据。具体是 body 的 method 字段。

    获取网站概况:今日/昨天 pv/uv

    用于概括性的提示,生成界面如下。

    @GET
    @Path("getTimeTrendRpt")
    @Produces(MediaType.APPLICATION_JSON)
    public String getTimeTrendRpt() {
    	Date now = new Date();
    	Calendar calendar = Calendar.getInstance();
    	calendar.setTime(now);
    	calendar.add(Calendar.DAY_OF_MONTH, -1);// 昨天
    
    	String today = formater.format(now), yesterday = formater.format(calendar.getTime());
    
    	Map<String, Object> body = new HashMap<String, Object>() {
    		private static final long serialVersionUID = 1L;
    		{
    			put("site_id", ConfigService.get("baidu_tongji.siteId"));
    			put("start_date", yesterday);
    			put("end_date", today);
    			put("method", "overview/getTimeTrendRpt");
    			put("metrics", "pv_count,visitor_count,ip_count,bounce_ratio,avg_visit_time");
    		}
    	};
    
    	return getData(body);
    }
    

    获取网站概况:来源网站、搜索词、入口页面、受访页面

    生成界面如下(部分)。

    默认是昨天、今天的数据。

    @GET
    @Path("getCommonTrackRpt")
    @Produces(MediaType.APPLICATION_JSON)
    public String getCommonTrackRpt() {
    	Date now = new Date();
    	Calendar calendar = Calendar.getInstance();
    	calendar.setTime(now);
    	calendar.add(Calendar.DAY_OF_MONTH, -1);// 昨天
    	String today = formater.format(now), yesterday = formater.format(calendar.getTime());
    	
    	Map<String, Object> body = new HashMap<String, Object>() {
    		private static final long serialVersionUID = 1L;
    		{
    			put("site_id", ConfigService.get("baidu_tongji.siteId"));
    			put("start_date", yesterday);
    			put("end_date", today);
    			put("method", "overview/getCommonTrackRpt");
    		}
    	};
    
    	return getData(body);
    }
    

    获取 pv/uv趋势图

    获取趋势分析报告中 PV 和 UV 数据,按天粒度。

    @GET
    @Path("getTrend")
    @Produces(MediaType.APPLICATION_JSON)
    public String getTrend(@QueryParam("start_date") @NotNull String start_date, @QueryParam("end_date") @NotNull String end_date) {
    	Map<String, Object> body = new HashMap<String, Object>() {
    		private static final long serialVersionUID = 1L;
    		{
    			put("site_id", ConfigService.get("baidu_tongji.siteId"));
    			put("start_date", start_date);
    			put("end_date", end_date);
    			put("method", "trend/time/a");
    			put("metrics", "pv_count,visit_count");
    			put("max_results", "0");
    			put("gran", "day");
    		}
    	};
    
    	return getData(body);
    }
    

    本系统基于 Vue 的前端。这里需要一个图表组件展示用,我最开始使用 vue2-frappe,但不知为何,可能是样式冲突,加入我的样式就不显示了,DOM 是存在的,我不折腾这组件,于是改为另外一款轻量级的图表组件,更轻量级,而且是国人作品,是为 Laue(https://laue.js.org 、https://github.com/qingwei-li/laue) 。

    参数设定

    如下图所示
    在这里插入图片描述

    小结

    当前并没有完全整合百度统计的所有 API,而是使用了其最重要的三个接口,在给用户一个初步的展示已经足够了。

    展开全文
  • 今天给大家带来的这款cnzz引流软件跟他们的效果一模一样 一次购买可以获得另外一款百度统计引流软件 也是终身使用 多线程 效果比他们好太多 这款软件的效果:自动采集 多线程 自定义广告 自定义来路不限制使用设备 ...
  • 百度统计使用教程一

    2021-04-06 15:52:34
    网站埋点,百度统计使用教程
  • vue使用百度统计埋点

    千次阅读 2020-12-09 18:36:37
    统计代码安装 //main.js 声明_hmt对象 var _hmt = _hmt || []; window._hmt = _hmt; // 必须把_hmt挂载到window下,否则找不... hm.src ="https://hm.baidu.com/hm.js?百度统计所申请的appKey"; var s = document.ge
  • 百度统计API的使用

    千次阅读 2018-09-12 01:10:08
    只能使用第三方的日志统计了,由于之前用过一点点的百度统计,所以本平台使用百度统计来进行日志分析。   但是百度不提供数据图线给开发者使用,只能通过其TONGJI API对数据进行抓取。百度统计提供了两个接口(1....
  • 前端H5 使用百度统计进行埋点

    千次阅读 2019-08-16 12:33:15
    百度统计文档非常全面) 2、获取代码和安装代码: 当你注册完账号填写完地址以后,百度统计会给你一段代码:类似于这种的 <script> var _hmt = _hmt || []; (function() { var hm = document.creat...
  • 在<font color="#8dc63f"> uniapp 开发的H5项目中,需要通过百度统计代码将用户的操作信息进行记录统计。
  • 你可能像我一样,使用百度统计来统计网站的访问情况,但是我在按照官方给的方法添加入我的js统计代码时,在百度统计管理台检查显示“代码未生效”。 我的网址其实是一个用于跳转的页面,目的是跳转到其他页面 <...
  • hexo+yilia添加百度统计和Google统计

    千次阅读 2019-11-13 15:21:07
    百度统计和Google统计主要用于分析网站数据:流量、访客量等。
  • nuxt项目添加百度统计的代码

    千次阅读 2020-07-27 22:46:55
    在nuxt项目中添加百度统计的代码 个人博客已经建好,欢迎各位前来访问 http://mengyang.info/ 在plugin文件夹中新建一个js文件,添加如下的代码: export default ({app: {router}, store}) => { /* 每次路由...
  • 百度统计api接口

    2018-09-29 23:26:01
    百度统计接口调用源代码!JS API通过在页面上部署js代码的方式,收集网站的各类业务数据(沟通数、点击数、转化数),并通过定制报告进行分析,实现网站业务数据与百度统计的互通有无。
  • 如何获取百度统计的token和站点id

    万次阅读 2019-01-10 09:49:56
    今天后台要获取百度统计的数据,需要提供两个参数,一个是token,一个是站点id,那么是怎样获取这两个值得呢? 百度统计的getSiteList和getData这两个接口只要你有用户名,密码,token,siteId在首页点击网站名称...
  • 一般安装完百度统计后20分钟左右就生效了,如果时间过长说明安装有问题 后台代码检查提示 页面代码安装状态:代码未生效 检查一下页面代码中是否包含以下代码 <meta name="referrer" content="no-referrer"/> ...
  • 作为个人站长,通过百度统计来查看网站的访问量,最近发现出现大量与本网站无关的关键词搜索统计,针对这一情况苦恼了很久,曾经也遇到类似的问题,解决方案是把个人博客的站内搜索关闭掉了,消停了很久。...
  • 百度统计接口调用三步:调用登录接口获取ucid调用站点查询列表获取站点列表(每个站点都具有一个siteId)调用站点访问接口通过siteId查询访问数据 /**  * 查询站点数据  * @param user 用户  * @param ...
  • 百度统计接口总结

    千次阅读 2019-01-29 15:20:23
    其中的一个就是通过百度统计提供的api接口去查找我们需要的数据。但是在这个过程中,发现了很多坑,这里做个总结,希望能帮助大家。 1.一开始,我去百度统计上注册了账号,也看了api...
  • 获取Access Token有几种方式 由于项目需求比较简单,这里选择使用第一种...先到百度开放平台(http://developer.baidu.com/console#app/)创建一个应用拿到 key 和 secret 获取 Authorization Code https://op..
  • 百度得知,百度统计可以帮着解决这个问题,可是没有用过啊!硬着头皮,进入自己的踩坑之旅! 方法如下 1、首先还是先在百度统计注册账号,并且新增网站,设置网站域名。如下: 2、在自己构建的vue项目中,引入vue-...
  • 如果是单页面应用都是一样的。就是在index.js中 添加如下代码 切记是两部分,如果都加到header中是属于安装错误的
  • 百度统计referrer被禁用解决

    千次阅读 2021-04-14 14:39:55
    统计代码放在之前 再加 已解决
  • 百度统计在项目中的使用

    千次阅读 2018-09-12 13:50:59
    1.百度统计统计在前端页面 该段代码建议放到页面的&lt;head&gt;标签中,如果因为某些特殊原因,您不方便把该段代码加在&lt;/head&gt;标签前面,那么也可以加到&lt;body&gt;标签的后面(请...
  • 百度统计代码

    千次阅读 2019-06-13 10:52:40
    怎么开通百度统计代码呢?...一种是第一次开通百度统计代码,另一种是在额外添加网站百度统计代码。下面我就来说下百度统计代码怎么开通添加。 最后附一张自己账号的百度统计代码...
  • 一、申请百度统计账号,地址:https://tongji.baidu.com/sc-web/ 二、在左侧菜单中,点击代码管理,填写网站信息,生成相关的统计JS代码: 三、在vue项目的index.html文件中,加入两块js代码: <script> var...
  • vuepress配置百度统计

    千次阅读 2020-07-19 19:19:17
    vuepress配置百度统计 一、添加百度统计 获取百度统计代码 登录百度统计后台 创建站点 复制统计代码 var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = ...
  • 今天使用了百度统计来统计网站的流量访问次数,然后测试说只能统计到入口主页的访问次数,不能统计到内页,然后咨询一下前端的大神,怪自己是新手,vue是单页面应用,head 头部加载一次之后,若不主动刷新的话,代码...
  • vue百度统计埋点插件

    2019-08-11 20:43:31
    vuejs 百度统计埋点插件

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 114,784
精华内容 45,913
关键字:

百度统计