vuepress配置百度统计

最新推荐文章于 2024-01-23 09:16:30 发布
最新推荐文章于 2024-01-23 09:16:30 发布
阅读量1.8k 收藏 2
点赞数 3
分类专栏： VuePress博客 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39367226/article/details/107449882
版权
本文介绍如何在 VuePress 中配置百度统计，包括获取统计代码、手动上报 PV 统计，解决由于 VuePress 单页应用特性导致的统计问题。通过监听路由切换事件，确保页面浏览和切换时都能准确触发百度统计。
摘要由CSDN通过智能技术生成

vuepress配置百度统计

一、添加百度统计

获取百度统计代码
登录百度统计后台
创建站点
复制统计代码

var _hmt = _hmt || [];
(function() {
   
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?44212d6ce872df50b804d94b24889284";
  var s = document.getElementsByTagName
最低0.47元/天 解锁文章
果真zZ
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
VuePress 博客之 SEO 优化（六）站长工具
weixin_55475226的博客
03-22 632
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。 本篇接着讲讲 SEO 优化会用到的站长平台和工具等。 1. 百度统计 地址：https://tongji.baidu.com/web/welcome/login 网站流量分析工具，能够告诉用户访客是如何找到并浏览用户的网站，在网站上做了些什么 2. 百度搜索资源平台 地址：https://ziyuan.baidu.com/s
vue-baidu-analytics:一种数据收集工具，基于百度统计数据，支持报告由Vue 3.0＆2.0和VuePress构建的单页应用程序数据
04-04
English | 这个插件只有3 kB，基于百度分析，可以帮助您快速收集网站上的页面浏览量，包括单页Web应用程序。 使用此插件的项目需要导入 。 从v2.0.0版本开始，它支持Vue 3.0，并且与Vue 2.0兼容，您可以观看实时演示以了解更多信息。 如果您尚未开始使用Vue 3.0，欢迎阅读的教程。 特征 异步加载百度分析脚本，无需修改条目HTML。 支持部署多个站点ID和相应的数据报告。 支持自动报告由路由切换生成的PV数据（支持哈希模式和历史记录模式）。 支持手动提交的页面浏览量报告。 支持手动提交事件报告。 从v2.0.0版本开始，该插件可以在Vue 2.0或Vue 3.0上自动识别Vue版本。 从v2.1.0版本开始，提供了Hooks API（因此对CDN安装的使用情况进行了一些调整） 项目 只要引入了Vue和Vue路由器，就可以正常使用项目，无论使用什么方
vue百度统计埋点插件
08-11
vuejs 百度统计埋点插件
VuePress 添加百度统计代码
MeiBlog
07-28 586
获取百度统计代码 百度统计官网 登陆 - 点击 “获取代码” 添加到vuepress中 编辑 @/docs/.vuepress/config.js 对应的 head 部分信息module.exports = { title: 'XXXX', description: 'XXXX', base: '/', head: [ ['link', { rel: 'icon', href: '/me.ico' }], // 添加百度统计代码 ['script', {}, ` var
vuepress-reo主题 | 配置百度统计
君陌离的博客
09-23 246
vuepress 配置百度统计 添加百度统计 获取百度统计代码 登录百度统计后台 创建站点 复制统计代码 var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?44212d6ce872df50b804d94b24889284"; var s = document.getElementsByTagName("scri
vuepress+百度统计显示博客浏览量
weixin_45732455的博客
04-05 1258
记录了如何使用百度统计来统计个人网站的浏览量。
vuepress-----23、百度分析
weixin_44235759的博客
12-07 308
经过查阅和调试之后，发现是 v-if 的问题，也就是在 PageInfo 和 Footer 组件中，如果你用了 v-if 去控制浏览量的显隐，因为在服务端是不会渲染的，而到了浏览器就报错了。然后我们回到刚开通数据导出服务的那个页面，点击api调试工具，来到调试界面，选择百度账号之后，填入自己的 access_token，选择获取报告数据，网站概况(趋势数据)，最后再填入参数就OK啦。来统计浏览量的，首先要注册账号，如果有了也可以直接登陆。虽然走了不少弯路，还修改了主题的源码，好在最终想要的效果也实现了。
vuepress-login:为VuePress添加用户授权
05-06
Vuepress登录 为VuePress添加用户授权 清除登录状态 例子 以下站点的实时示例 输入任何用户名和密码以获取经验 源代码 请访问 安装插件 为模态对话框安装v-dialogs插件 # npm npm i v-dialogs -D # yarn yarn add -...
vuepress-demo.zip
05-23
这个"vuepress-demo.zip"文件是一个包含了 VuePress 应用的基本结构和配置的示例，它可以帮助我们了解如何快速搭建和运行一个 VuePress 项目。 首先，让我们解压 "vuepress-demo.zip"，里面通常会包含以下组成部分...
Vuepress_blog:基于vuepress的博客
04-03
创建 Vuepress 博客首先需要安装 Vuepress，然后初始化项目，接着在`.vuepress`目录下编写配置文件，例如 `config.js` 或 `config.yaml`。内容可能包括导航栏设置、侧边栏配置、自定义样式等。Markdown 文件可以...
vuepress-plugin-mermaidjs:用于mermaid.js图表​​的Vuepress插件
03-17
适用于mermaid.js的VuePress插件 在VuePress中使用mermaid.js图 这个插件提供了包装的全局组件。 该插件旨在与VuePress v1.x一起使用。 主要文档站点位于 。 安装 您可以使用安装 yarn add -D vuepress-plugin-...
vuepress+百度统计 API 调用+源码
weixin_40532650的博客
04-23 1642
⭐️ ⭐️ 这是百度普通版统计 API 使用，而非百度商用版 API 百度统计 百度统计-用户手册 这里有各式各样的请求参数和示例，总能找到你想要的返回数据 1 必要条件 1.1 在 vuepress 项目中已引入百度统计 详情可见：引入百度普通版统计 1.2 vuepress 项目中已有本地主题文件 theme，这个并不是必要的，但我是为了方便显示统计文章的浏览量，而使用的自定义主题 详情可见：自定义主题开发 2 百度统计 API 必要参数获取 2.1 登录百度统计 进入管理页面下的其他设置-.
为vitepress静态网站增加访问统计代码
最新发布
专注AI领域的技术研究探索、技术落地
01-23 1459
我原来的主题配置文件 (我的目的很明确，主要是写文档。vitepress的默认主题我觉着已经够用了。由于对默认的主题样式不熟悉，同时为了增加一些外部的样式以简化文档页面一些自定义的样式，我引入了，但是主题文件很简单。只导出了默认的主题。console.log('路由将改变为: ', to);默认主题对象，是不具有enhanceApp属性的（上面的接口定义，该属性是可选的），因此我们手动定义他的内容即可。在这改代码中_hmt就是上面文档介绍的，存入window。
Vuepress 如何引入百度统计和谷歌统计
吉祥的CSDN
10-09 1543
Vuepress 如何引入百度统计和谷歌统计 官方文档写的比较模糊，其实就是在配置文件中添加几行配置 官方文档地址 本身vuepress添加了谷歌统计的插件,但是几经尝试并无作用 module.exports = { plugins: [ [ '@vuepress/google-analytics', { 'ga': '' // UA-00000...
最近用vuepress统计了一大堆看过的YY小说，说说使用过程吧
wb121017405的博客
06-02 1026
vuepress搭建个人扫书收藏夹从零开始的搭建步骤新建github项目拉取项目到本地进入本地项目安装包初始化并且安装vuepress此时进入开发阶段，但是更改文档时会出现无法热更新的情况在package.json新增scripts命令根目录新增部署脚本deploy.sh执行yarn deploy部署一次打开github-pages 从零开始的搭建步骤 之前用过hexo搭博客，使用上和vuepress差不多，但是vuepress更轻便一些 新建github项目 在github右上角新建项目 拉取项目到本
vuepress引入百度统计-图文详解
weixin_40532650的博客
04-23 833
百度统计 百度统计-用户手册 这里有各式各样的请求参数和示例，总能找到你想要的返回数据 1.注册并登录百度统计账号 注意 这里有两种账号，本文介绍的是百度普通版统计，而非商用版 2.新增网站 通常情况下网站域名和网站首页一致 网站类型根据自己情况填写 3.复制代码到 config 配置文件 3.1 如图所示，复制统计代码 3.2 配置 config 文件 因为 vuepress 是静态渲染服务，所以更换路由不会刷新页面，所以要进行第三步配置，监听路由变化，反馈到百度统计 3.3 添加
vue添加百度统计
猫先生的专栏
04-12 5005
申请百度统计后，会得到一段JS代码，需要插入到每个网页中去，在Vue.js项目首先想到的可能就是，把统计代码插入到index.html入口文件中，这样就全局插入，每个页面就都有了;这样做就涉及到一个问题，Vue.js项目是单页应用，每次用户浏览网站时，访问内页时页面是不会刷新的，也就意味着不会触发百度统计代码；所以最终在百度统计后台看到的效果就是只统计到了网页入口的流量，却无法统计到内页的访问流量...
百度统计的JS脚本原理分析
热门推荐
每天进步一点点 - MinCase
05-02 3万+
<!-- p {text-indent:2em} --> 首先，百度统计会要求我们在要统计的页面中嵌入一段js语句，类似如下： var _bdhmProtocol = ((“https:” == document.location.protocol) ? ” https://” : ” http://”); document.write(unescape(“%3C
vuepress 怎么配置变量
04-21
您可以在.vuepress/config.js文件中的themeConfig对象中设置全局变量。例如，可以添加以下代码： module.exports = { themeConfig: { // ... // 定义全局变量 globalVariable: 'Hello, World!' } } 您可以在VuePress中使用$themeConfig.globalVariable访问该变量。在Markdown文件中，可以使用以下语法：{{$themeConfig.globalVariable}}。如果您想在JavaScript文件中使用全局变量，可以使用VuePress提供的上下文对象： export default { mounted() { console.log(this.$themeConfig.globalVariable) // 输出 "Hello, World!" } }
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值