vue中如何添加百度統(tǒng)計(jì)代碼
更新時間：2020年12月19日 17:07:17 作者：帆醬
這篇文章主要介紹了vue中如何添加百度統(tǒng)計(jì)代碼，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下
一、在百度統(tǒng)計(jì)網(wǎng)站中添加自己的網(wǎng)站
1、官網(wǎng)地址：https://#baidu.com/web/welcome/login。
2、在'管理‘一欄中選擇‘網(wǎng)站列表'，然后選擇新增網(wǎng)站，添加成功后點(diǎn)擊代碼獲取，可以獲取統(tǒng)計(jì)代碼。
二、 在maim.js下百度統(tǒng)計(jì)代碼添加
var _hmt = _hmt || [];
window._hmt = _hmt; // 必須把_hmt掛載到window下，否則找不到
(function () {
var hm = document.createElement("script");
hm.src = "https://#/hm.js?"+ 百度站點(diǎn)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)計(jì)上的數(shù)據(jù)顯示在自己的網(wǎng)站上，在管理一欄中，找到
以上就是vue中如何添加百度統(tǒng)計(jì)代碼的詳細(xì)內(nèi)容，更多關(guān)于vue 添加百度統(tǒng)計(jì)代碼的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
本文介紹一個簡單的DrawerLayout（類似Android的DrawerLayout）布局組件的實(shí)現(xiàn)，基于Vue.js側(cè)滑菜單組件的實(shí)現(xiàn)代碼大家通過本文一起學(xué)習(xí)吧2017-12-12
在 2.6.0 中，我們?yōu)榫呙宀酆妥饔糜虿宀垡肓艘粋€新的統(tǒng)一的語法 (即 v-slot 指令)。這篇文章主要介紹了詳解vue2.6插槽更新v-slot用法總結(jié)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-03-03
這篇文章主要介紹了淺談Vue初學(xué)之props的駝峰命名，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
Vue3?KeepAlive實(shí)現(xiàn)原理解析
KeepAlive?是一個內(nèi)置組件，那封裝一個組件對于大家來說應(yīng)該不會有太大的困難，它的核心邏輯在于它的?render?函數(shù)，它用?map?去記錄要緩存的組件，就是?[key，vnode]?的形式，這篇文章主要介紹了Vue3?KeepAlive實(shí)現(xiàn)原理,需要的朋友可以參考下2022-09-09
vue-image-crop基于Vue的移動端圖片裁剪組件示例
這篇文章主要介紹了vue-image-crop基于Vue的移動端圖片裁剪組件示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
vue中keep-alive、activated的探討和使用詳解
這篇文章主要介紹了vue中keep-alive、activated的探討和使用詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了Vue通過懶加載提升頁面響應(yīng)速度，對Vue性能感興趣的同學(xué)，可以參考下2021-05-05
本文主要介紹了Vue 中頁面?zhèn)髦档亩喾N方式小結(jié),主要包括路由傳參、Vuex 狀態(tài)管理、Props 屬性和事件傳遞數(shù)據(jù)這幾種,具有一定的參考價值,感興趣的可以了解一下2023-10-10
parcel-vue 一個基于Parcel打包工具的 VueJS急速開發(fā)腳手架解決方案,強(qiáng)烈建議使用node8.0以上。下面通過本文給大家介紹全新打包工具parcel零配置vue開發(fā)腳手架的相關(guān)知識，感興趣的朋友一起看看吧2018-01-01
這篇文章主要介紹了vue elementui tree 任意級別拖拽功能代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08