vue项目增加百度统计代码

最新推荐文章于 2024-05-14 19:52:45 发布

柚子233

最新推荐文章于 2024-05-14 19:52:45 发布

阅读量509

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.csdn.net/qq_37816525/article/details/102598863

vue 专栏收录该内容

27 篇文章

订阅专栏

本文介绍如何在Vue项目中通过路由守卫afterEach方法，动态插入百度统计代码，确保每次页面切换都能准确统计访问数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

百度统计代码写在路由文件里，保证每个组件每次点击都统计到

router.js

router.afterEach((to,from,next)=>{
	setTimerout(()=>{
		(function(){
			//每次执行前，先移除上次插入的代码
			document.getElementById('baidu_tj')&& document.getElementById('baidu_tj').remove();
			var hm = document.createElement('script');
			hm.src = 'https://hm.baidu.com/hm.js?你的id';
			hm.id = 'baidu_tj';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(hm,s);
		})()
	},0)
})

export defaule router