ウェブサイトを展開した後、私たちが最も気にすることは訪問者数とその分析です。国内の百度統計は良い選択肢で、基本的な機能はすべて無料です。
head に一連の JavaScript コードを追加するだけで済みます。
<!-- <script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?xxxxxxxxxxxxxxxxxxx";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script> -->
上記は百度が提供する統計コードで、<head></head>内に配置する必要があります。
しかし、nuxt には従来の<head></head>がありません。したがって、いくつかの処理を行う必要があります。
1. まず、ルートディレクトリの /plugins に新しいファイル baidu.js を作成します。#
// /plugins/baidu.js
export default ({app: {router}, store}) => {
/* ルート変更のたびにPV統計を行います */
router.afterEach((to, from) => {
/* PVを追加することを通知します */
try {
window._hmt = window._hmt || []
window._hmt.push(['_trackPageview', to.fullPath])
} catch (e) {
}
})
}
2. nuxt.config.js ファイルを設定します。#
pluginsに：
plugins: [
{
src: '~/plugins/baidu'
}
],
headに：
head: {
// ...
link: [
// ...
],
script: [
{ src: 'https://hm.baidu.com/hm.js?xxxxxxxxxxxxxxxxxxx' }
]
},
script に百度統計が提供する URL を記入するだけで、対応する文字に従ってください。