Nuxt 项目中如何引入百度统计？
在部署一个网站之后，我们最关心的事情无异于是访问量，以及对它的分析。国内的百度统计是一个不错的选择，基本的功能都是免费的。
只需要在head中引入一串 javascript 代码即可。
<!-- <script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?xxxxxxxxxxxxxxxxxxx";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script> -->上面是百度提供的统计代码，需要放在 <head></head>中。
但是在nuxt中，没有传统的 <head></head> 。所以要对他进行一些处理。
1. 首先在根目录下 /plugins 新建一个文件 baidu.js
// /plugins/baidu.js
export default ({app: {router}, store}) => {
/* 每次路由变更时进行pv统计 */
router.afterEach((to, from) => {
/* 告诉增加一个PV */
try {
window._hmt = window._hmt || []
window._hmt.push(['_trackPageview', to.fullPath])
} catch (e) {
}
})
}2. 配置 nuxt.config.js 文件
- 在
plugins中：
plugins: [
{
src: '~/plugins/baidu'
}
],- 在
head中：
head: {
// ...
link: [
// ...
],
script: [
{ src: 'https://hm.baidu.com/hm.js?xxxxxxxxxxxxxxxxxxx' }
]
},在script中写入百度统计提供的 url 即可，按照对应的字符。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-01-17，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
