代码之家  ›  专栏  ›  技术社区  ›  me-me

允许回调或设置require选项的gatsby插件google analytics

  •  0
  • me-me  · 技术社区  · 6 年前

    有没有一种方法可以添加回调或传递一个require到gatsby插件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')  
      }
    

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

    1 回复  |  直到 6 年前
        1
  •  1
  •   Tushar Gupta    6 年前

    gagatsby插件只允许添加优化,它没有包含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",
        },
      },
    ]