ウェブサイトをデプロイした後、私たちが最も関心を持つことはアクセス数とその分析です。国内の百度統計は優れた選択肢であり、基本的な機能はすべて無料です。
単に 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' }
]
},
スクリプト内に百度統計が提供する URL を記入し、対応する文字に従ってください。