当前位置: 首页 > Web前端 > vue.js

将百度统计

时间:2023-03-31 15:51:59 vue.js

添加到vue项目中,推荐一个很好用的插件:vue-bagithib:https://github.com/minlingcha...1.安装npminstallvue-ba--save-dev2。介绍Addimportbafrom'vue-ba'/***tothemain.jsfile1.使用方法:Vue.use(ba,'YOUR_SITEID_HERE')*2.或者:Vue.use(ba,options)*/Vue.use(ba,{siteId:'175015a6227dca437e13abb9a6e845ac'});关于选项配置:参数必须默认。备注siteId绑定接受API请求的统计代码。请不要在生产环境中使用传递的参数,以避免潜在的安全风险。src否https://hm.baidu.com/hm.js?SI...指定统计脚本标签的src属性3.在模板中使用3.1trackEvent页面按钮等交互元素时发送事件统计请求被触发。this.$ba.trackEvent(category,action,opt_label,opt_value)参数必须是类型说明category是一个字符串,表示事件发生在谁身上action是一个字符串,表示访问者与元素交互的行为opt_label没有字符串用于更详细地描述事件opt_value否int用于填写评分事件的分数和加载时间事件的持续时间。如果填写为其他形式,系统将按0处理。如果填写为浮点小数,系统会自动向上取整并去掉小数点。3.2trackPageview用于发送某个URL的PV统计请求,适用于统计AJAX、异步加载页面、友情链接、下载链接的流量。URL地址,填写以斜杠'/'开头的相对路径,系统会自动补全域名3.3ba命令vue-ba提供了两个命令track-event和track-pageview,开发者可以直接在html模板中使用统计网站数据track-event使用命令v-track-event监听事件,通过修饰符指定事件类型,会自动在绑定元素上添加事件监听,当事件触发时调用统计代码。如果不指定事件,则默认监听点击事件。参数可以通过逗号分隔的字符串或对象文字传递。传递字符串时,请注意参数的顺序。可以参考trackEventAPI。统计自定义事件使用v-track-event.someEvent:custom//统计点击事件//统计点击事件速记//统计按键事件//统计someEvent事件,someEvent为自定义事件//以对象字面量传递参数track-pageview,使用命令track-pageview统计虚拟PV,一般可以结合v-show或者v-if来统计局部动态视图的PV。参数可以通过逗号分隔的字符串或对象文字传递。传递字符串时,请注意参数的顺序。可以参考trackPageview的API用法bar

//跟踪v-show绑定元素的虚拟pvfoo
//跟踪v-if绑定元素的虚拟pv
//用字符串指定访问的页面和来源
//用对象字面量指定访问的页面和来源引用链接:1.https://www.jb51.net/article/...