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方法，每個路由跳轉時都將其跳轉的路由推給百度。
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)計代碼的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要為大家介紹了使用v-memo緩存模板子樹提高應用性能詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
elementUI Table組件實現(xiàn)表頭吸頂效果(示例代碼)
文章介紹了如何在vue2.6+和elementUI環(huán)境下實現(xiàn)el-table組件的表頭吸頂效果,通過添加樣式、注冊指令、引入指令并在父元素中避免使用overflow:hidden,可以實現(xiàn)場景下表頭始終可見,本文通過實例代碼介紹的非常詳細,感興趣的朋友一起看看吧2025-01-01
vue2.x 父組件監(jiān)聽子組件事件并傳回信息的方法
本篇文章主要介紹了vue2.x 父組件監(jiān)聽子組件事件并傳回信息的方法，具有一定的參考價值，有興趣的可以了解一下2017-07-07
這篇文章主要給大家介紹了關于vue將某個組件打包成js并在其他項目使用的相關資料,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07
vue關于接口請求數(shù)據(jù)過大導致瀏覽器崩潰的問題
這篇文章主要介紹了vue關于接口請求數(shù)據(jù)過大導致瀏覽器崩潰的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要給大家介紹了關于vue項目中如何使用TypeScript相關配置的相關資料,typescript在開發(fā)過程中廣泛被應用,在這里總結下項目中ts的應用,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-11-11
本篇開始功能模塊的開發(fā)，首先完成ABP模板自帶的身份認證管理模塊和租戶管理模塊。同樣的，參考ABP的Angular版本來做。2021-05-05
這篇文章主要為大家詳細介紹了VUE實現(xiàn)注冊與登錄效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
但隨著vue3版本的到來，對typescript的支持度越來越高，tsx語法也被大部分人越來越接收，所以很多項目都是搭配 Vue3 + TS 進行的，這篇文章主要介紹了一文掌握在Vue3中書寫TSX的方法,需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細介紹了基于vue2實現(xiàn)左滑刪除功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11