Gatsby-plugin-google-analytics允许回调或设置require选项

Question

有没有办法添加回调或将需求传递给gatsby-plugin-google-analytics？我有我的盖茨比配置设置与插件。

  plugins: [
    {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: XXXXX,
        optimizeId: 'GTM-XXXXXX',
        head: true,
        anonymize: true,
      },
    },

这会在我的页面上创建以下内容。

  if (typeof ga === "function") {
    ga('create', 'UA-xxxxxx', 'auto');
    ga('require', 'GTM-xxxxx'); 
  }

我正在寻找一种方法在另一个需求下方添加另一个要求，但我在插件中没有看到此选项。

结果应该是

  if (typeof ga === "function") {
    ga('create', 'UA-xxxxxx', 'auto');
    ga('require', 'GTM-Txxxxx');
    ga('require', 'GTM-Fxxxxxx')  
  }

有人知道我如何通过盖茨比中的插件做到这一点吗？

Answer 1

GA Gatsby插件只允许您添加优化，并且没有包含GTM的选项。

你必须使用" gatsby-plugin-google-tagmanager "。

文档中的示例代码段

// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-google-tagmanager`,
    options: {
      id: "YOUR_GOOGLE_TAGMANAGER_ID",
      // Include GTM in development.
      // Defaults to false meaning GTM will only be loaded in production.
      includeInDevelopment: false,
      // Specify optional GTM environment details.
      gtmAuth: "YOUR_GOOGLE_TAGMANAGER_ENVIROMENT_AUTH_STRING",
      gtmPreview: "YOUR_GOOGLE_TAGMANAGER_ENVIROMENT_PREVIEW_NAME",
    },
  },
]