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: "" });
    });