PV与UV你的网站也可以

时间：2020-07-23 09:24:08 阅读：104 评论：0 收藏：0 [点我收藏+]

标签：node parent res 导航栏 lin lazy sid 手机屏幕添加

个人博客网站分析

阅读前面的文章，有助于理解本文。

1、是时候来一个个人博客网站了

2、什么？你还没有自己的域名？

3、你的个人博客网站该上线了！

为什么需要流量分析？

各位小伙伴，请看下图，你们发现了什么？访问网站的90%以上的人，都只发现了俩个页面
?? 这个太可惜了，网站上有很多优质的文章啊 ??

技术图片

有句话说的好：没有数据支撑的网站，都是耍流氓 ??

衡量一个网站运营的好与坏，主要看俩个指标，浏览量(PV)、访客数(UV)，
PV和UV俩个关键指标，下面我们为网站，添加分析功能，就是为了优化用户体验
提升访问量。

通过这个分析，我发现小伙伴们对我的网站不是很熟悉，有很多优质的内容?? 大家都没有发现。
后续会对网站首页做一个重新规划。

大家看，通过这样的分析，发现了这么多问题。所以很有必要给你的网站加上分析的功能了。

提醒一下：手机端访问网站的小伙伴们，需要点击手机屏幕右上角的按钮，打开导航栏

技术图片

网站分析工具

百度统计是百度推出的一款专业网站流量分析工具，能够告诉您访客是如何找到并浏览您的网站，
以及如何改善访客在您网站上的使用体验，帮助您让更多的访客成为客户，
不断提升网站的投资回报率。

百度统计提供了几十种图形化报告，全程跟踪访客的行为路径，
并且帮助监控各种网络媒介推广效果，让您及时了解哪些关键词、
哪些创意的效果最好。同时，百度统计集成百度推广数据，
帮助您及时了解百度推广效果并优化推广方案。
基于百度强大的技术实力，百度统计提供了丰富的数据指标，
系统稳定，功能强大但操作简易。

注册账号

去注册,百度统计工具

注册完成后，登录到系统，点击管理->新增网站，填写网站的基本信息.

技术图片

获取代码

技术图片

稍微调整一下代码

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

代码嵌入网站

打开博客网站项目代码，进入docs->.vuepress打开config.js文件，将获取到的代码
粘贴进去,代码如下：

module.exports = {
 title: ‘北漂码农有话说‘,
 description: ‘欢迎来到我的博客‘,
 head: [
     [‘link‘, {rel: ‘icon‘, href: ‘http://cdn.triumphxx.com.cn/img/%E5%85%AC%E4%BC%97%E5%8F%B71.jpeg‘}],
     [
         "script",
         {}, `
         var _hmt = _hmt || [];
         (function() {
             var hm = document.createElement("script");
             hm.src = "https://hm.baidu.com/hm.js?3dc907d6a99cfe1f7450b2092ff744e1";
             var s = document.getElementsByTagName("script")[0];
             s.parentNode.insertBefore(hm, s);
         })();
   `
     ]
 ],
 themeConfig: {
     logo: ‘http://cdn.triumphxx.com.cn/img/%E5%85%AC%E4%BC%97%E5%8F%B71.jpeg‘,
     nav: [
         {text: ‘首页‘, link: ‘/‘},
         {text: ‘Java‘, link: ‘/java/‘},
         {text: ‘前端‘, link: ‘/web/‘},
         {text: ‘GitHub‘, link: ‘https://github.com/triumphxx‘}
     ],
     sidebar: {
         ‘/java/‘: [
             ‘‘,
             ‘java1‘,
             ‘java2‘
         ],

         ‘/web/‘: [
             ‘‘,
             ‘web‘,
         ]
     }
 }
}