Vuepress 如何引入百度統計和谷歌統計

Vuepress 如何引入百度統計和谷歌統計

個人博客地址，更多好內容

官方文檔寫的比較模糊，其實就是在配置文件中添加幾行配置

官方文檔地址

本身vuepress添加了谷歌統計的插件,但是幾經嘗試並無作用

module.exports = {
  plugins: [
    [
      '@vuepress/google-analytics',
      {
        'ga': '' // UA-00000000-0
      }
    ]
  ]
}

方式一：引入百度統計和谷歌統計，親測有效

module.exports = {
    head: [
        ['link', { rel: 'icon', href: '/image/favicon.ico' }],
        ['script', {}, `
            var _hmt = _hmt || [];
            (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?**********************";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);

            // 引入谷歌,不需要可刪除這段
            var hm1 = document.createElement("script");
            hm1.src = "https://www.googletagmanager.com/gtag/js?id=UA-00000000-1";
            var s1 = document.getElementsByTagName("script")[0]; 
            s1.parentNode.insertBefore(hm1, s1);
            })();

            // 谷歌加載,不需要可刪除
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'UA-00000000-1');
        `]
    ],
    plugins: [
        [
          '@vuepress/google-analytics',
          {
            'ga': 'UA-149666038-1' // UA-00000000-0
          }
        ]
      ]
}

方式二：在組建中引入,目前只有百度的有效

npm install vue-ba

    import("vue-ba").then(module => {
      let ba = module.default;
      Vue.use(ba, "");
      Vue.use(ba, { siteId: "" });
    });