时间戳

首页 > 解决方案 > Docusaurus V2 - 激活谷歌分析隐藏导航栏和页脚

reactjs - Docusaurus V2 - 激活谷歌分析隐藏导航栏和页脚

问题描述

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

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

  1. 使用以下代码作为插件安装，隐藏了我们的菜单和页脚（只是消失了）。但谷歌分析确实记录了实时流量。
  themeConfig: {
    googleAnalytics: {
      trackingID: 'UA-GACODE-1',
      // Optional fields.
      anonymizeIP: true, // Should IPs be anonymized?
    },
  },
  1. 尝试通过现有的激活它@docusaurus/present-clasic不会处理任何事情（Chrome 检查器没有访问 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 吗？

感谢您的帮助！

标签： reactjsgoogle-analyticsdocusaurus

解决方案

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

谷歌分析代码应该插入到themeConfig你module.exports的部分里面docusaurus.config.js。

解决方案的代码片段：

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

推荐阅读