vue中如何添加百度統(tǒng)計代碼
更新時間:2020年12月19日 17:07:17 作者:帆醬
這篇文章主要介紹了vue中如何添加百度統(tǒng)計代碼,幫助大家更好的理解和使用vue框架,感興趣的朋友可以了解下
一、在百度統(tǒng)計網(wǎng)站中添加自己的網(wǎng)站
1、官網(wǎng)地址:https://#baidu.com/web/welcome/login。
2、在'管理‘一欄中選擇‘網(wǎng)站列表',然后選擇新增網(wǎng)站,添加成功后點擊代碼獲取,可以獲取統(tǒng)計代碼。
二、 在maim.js下百度統(tǒng)計代碼添加
var _hmt = _hmt || []; window._hmt = _hmt; // 必須把_hmt掛載到window下,否則找不到 (function () { var hm = document.createElement("script"); hm.src = "https://#/hm.js?"+ 百度站點id; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();
三、創(chuàng)建vuerouter后,調(diào)用beforeEach方法,每個路由跳轉(zhuǎn)時都將其跳轉(zhuǎn)的路由推給百度。
router.beforeEach((to, from, next) => { if (_hmt) { if (to.path) { _hmt.push(['_trackPageview', '/#' + to.fullPath]); } } next(); });
一般等待個20分鐘就可以在官網(wǎng)上看到自己的數(shù)據(jù)了。
也可將百度統(tǒng)計上的數(shù)據(jù)顯示在自己的網(wǎng)站上,在管理一欄中,找到
以上就是vue中如何添加百度統(tǒng)計代碼的詳細內(nèi)容,更多關于vue 添加百度統(tǒng)計代碼的資料請關注腳本之家其它相關文章!
相關文章
vue-image-crop基于Vue的移動端圖片裁剪組件示例
這篇文章主要介紹了vue-image-crop基于Vue的移動端圖片裁剪組件示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-08-08vue中keep-alive、activated的探討和使用詳解
這篇文章主要介紹了vue中keep-alive、activated的探討和使用詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07