单页vue引入百度统计的使用示例详解

前言

最近组长安排做了一个项目，h5应用下载项目，本来很容易做的，但是看到提出的需求，就有点不知所措了！需要对下载的应用进行统计！当时我就在想我的前端怎么能点击页面上的按钮进行统计！在我之前的项目中，我也统计过应用程序的下载量，但是那些项目是由后台人员编译统计的。我有点不知所措。想着怎么搞统计，怎么搞定这个！百度了解到，百度统计可以帮助解决这个问题，但是从来没有用过！捏碎你的头皮，进入你的坑之旅！

方法如下

1.首先在百度注册账号，添加新网站，设置网站域名。如下所示：

2.将vue-BA引入我们自己建造的vue项目

NPM安装-savevue-ba然后在main.js中介绍：

//要用“import”命令加载的vue构建版本//(仅运行时或独立)已在webpack.base.conf中用别名进行了设置。从“Vue”导入Vue“从App导入”。/App从“vue-ba”导入ba。/assets/CSS/normalize . CSS ' vue . config . production tip=false；Vue.use(ba，' 175015 a 6227 DCA 437 e 13 abab 9 a6 e 845 AC ')；Vue.use(ba，{ siteid : ' 175015 a 6227 DCA 437 e 13 ab B9 a6 e 845 AC ' })；/* eslit-disable no-new */new vue({ El : ' # app '，components: { app }，template3360' app/'}) siteid让我找了很久，但一开始还是出错了：

一开始我以为这是siteId=12603119，但是使用这个siteId没有效果。后来，我了解到siteId在这里：管理-获取代码

在上图的红线框中，是这个域名下的siteId。使用正确的siteId后，验证是否正确引入，并执行代码检查：管理-代码检查

点击开始检查，如果你的网址是这里的主页，检查结果就会出来。如果您的网址与此处的主页地址不同，请在“其他页面”栏中输入您的网址，单击“开始检查”，将出现以下结果

这证明你的介绍是成功的！

还有一个手动检查的方法，就是在chrome浏览器中输入你的URL，按F12，调试模式，按Network。如果找到hm.js呢？