溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vue單頁應(yīng)用加百度統(tǒng)計代碼（親測有效）

發(fā)布時間：2020-10-02 21:22:36 來源：腳本之家 閱讀：361 作者：蓓蕾心晴 欄目：web開發(fā)

申請百度統(tǒng)計后，會得到一段JS代碼，需要插入到每個網(wǎng)頁中去，在Vue.js項目首先想到的可能就是，把統(tǒng)計代碼插入到index.html入口文件中，這樣就全局插入，每個頁面就都有了;這樣做就涉及到一個問題，Vue.js項目是單頁應(yīng)用，每次用戶瀏覽網(wǎng)站時，訪問內(nèi)頁時頁面是不會刷新的，也就意味著不會觸發(fā)百度統(tǒng)計代碼；所以最終在百度統(tǒng)計后臺看到的效果就是只統(tǒng)計到了網(wǎng)頁入口的流量，卻無法統(tǒng)計到內(nèi)頁的訪問流量。

解決方法

在main.js文件中調(diào)用vue-router的afterEach方法,將統(tǒng)計代碼加入到這個方法里面，這樣每次router發(fā)生改變的時候都會執(zhí)行一下統(tǒng)計代碼，這樣就達到了目的,代碼如下:

router.afterEach( ( to, from, next ) => {
 setTimeout(()=>{
   var _hmt = _hmt || [];
   (function() {
    //每次執(zhí)行前，先移除上次插入的代碼
    document.getElementById('baidu_tj') && document.getElementById('baidu_tj').remove();
    var hm = document.createElement("script");
    hm.src = "https://#/hm.js?xxxx";
    hm.id = "baidu_tj"
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
   })();
 },0);
} );

總結(jié)

以上所述是小編給大家介紹的vue單頁應(yīng)用加百度統(tǒng)計代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持！

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手