Docusaurus V2 - 激活 Google 分析隐藏导航栏和页脚

Question

我们想在我们的在线网站中实施 Google 分析，但是当我们添加代码时，我们的菜单和页脚会消失。

根据官方网站上的文档 https://v2.docusaurus.io/docs/using-plugins/#docusaurusplugin-google-analytics 这可以通过更新 docusaurus.config.js 并添加插件 @docusaurus/plugin-google-analytics 或通过添加到当前 @docusaurus/preset-classic 来实现.

使用以下代码作为插件安装，隐藏我们的菜单和页脚（消失）。但是 Google Analytics 确实记录了实时流量。

  themeConfig: {
    googleAnalytics: {
      trackingID: 'UA-GACODE-1',
      // Optional fields.
      anonymizeIP: true, // Should IPs be anonymized?
    },
  },

尝试通过现有的 @docusaurus/present-clasic 激活它不会处理任何东西（Chrome inspector 没有到 Google 的流量并且 AdBlock 未激活）

presets: [
    [
      '@docusaurus/preset-classic',
      {
        googleAnalytics: {
          trackingID: 'UA-GACODE-1',
        },
        docs: {
          sidebarPath: require.resolve('./sidebars.js')
        },
        theme: {
          customCss: require.resolve('./src/css/custom.css'),
        },
        highlight: { 
          theme: 'default',
        },
      },
    ],
  ],

有没有人在 Docusaurus V2 上成功激活 Google Analytics？

感谢您的帮助！

Answer 1

找到了问题的解决方案（感谢来自 Docusaurus Discord 服务器的 @ScruffyBunnyNL 提供的提示）。

Google 分析代码应插入 module.exports 的 themeConfig 部分内 docusaurus.config.js 部分。

解决方案的代码片段：

module.exports = {
(..)
themeConfig: {
    (...),
    googleAnalytics: {
        trackingID: 'UA-GACODE-1',
    },
    (...)

Docusaurus V2 - 激活 Google 分析隐藏导航栏和页脚

Docusaurus V2 - Activating Google Analytics hides navbar and footer

reactjs

google-analytics

docusaurus