VUE单页面应用百度统计失效问题解决方法

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]);}
});

VUE单页面应用百度统计失效问题解决方法相关推荐

nignx部署Vue单页面刷新路由404问题解决
nignx部署Vue单页面刷新路由404问题解决参考文章: (1)nignx部署Vue单页面刷新路由404问题解决 (2)https://www.cnblogs.com/wuchenggong/p/ ...
【Vue】16.vue项目里引入百度统计
参考官网:百度统计开放平台百度统计最近往项目里面引入百度统计,也是在网上查了各种资料,把百度统计的官网api又好好的看了一下,顺着文档的步骤,一步一步走下来,其实还蛮简单的,首先先在百度统计注册一 ...
在不使用ssr的情况下解决Vue单页面SEO问题
遇到的问题: 近来在写个人博客的时候遇到了大家可能都会遇到的问题 Vue单页面在SEO时显得很无力,尤其是百度不会抓取动态脚本 Vue-Router配合前后端分离无法让meta标签在蜘蛛抓取时动态填充 ...
app怎么嵌套vue页面_app内嵌vue单页面应用的一些坑
写这篇文章的原因是想总结一下自己最近开发的一个内嵌app的vue单页面项目,看看有哪些坑!!! 1.白屏项目第一次上线正常项目第二次上线,20多个用户反馈白屏(没见过这世面,心里慌的不行!!!), ...
Nginx 解决WebApi跨域二次请求以及Vue单页面问题
Nginx 解决WebApi跨域二次请求以及Vue单页面问题参考文章: (1)Nginx 解决WebApi跨域二次请求以及Vue单页面问题 (2)https://www.cnblogs.com/ji ...
nginx配置解决vue单页面打包文件大，首次加载慢的问题
nginx配置解决vue单页面打包文件大,首次加载慢的问题参考文章: (1)nginx配置解决vue单页面打包文件大,首次加载慢的问题 (2)https://www.cnblogs.com/golo ...
fullpage在vue单页面当中使用会出现的问题以及解决办法
fullpage在vue单页面当中使用会出现的问题以及解决办法参考文章: (1)fullpage在vue单页面当中使用会出现的问题以及解决办法 (2)https://www.cnblogs.com/ ...
php vue seo,处理 Vue 单页面 SEO 的另一种思路
(设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用在前端正大放光彩.三大框架 Angular.Vue.Rea ...
Vue 单页面应用把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办???(比如登陆页面)
<div class="all" v-if="$route.path!=='/login'" > Vue 单页面应用把公共组件放在 app.v ...

VUE单页面应用百度统计失效问题解决方法

将代码放在index.html的head中

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

VUE单页面应用百度统计失效问题解决方法相关推荐

最新文章

热门文章