Question

是否有添加回调或将需求传递给gatsby-plugin-google-analytics的方法？我使用插件安装了gatsby-config。

  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')  
  }

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

Answer 1

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

您必须使用“ gatsby-plugin-google-tagmanager”。

docs的示例代码段

// 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",
    },
  },
]

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

1 个答案: