Question

这是我在gatsby-config.js中的代码

module.exports = {
  siteMetadata: {
    title: `title`,
    description: ``,
    author: `@Wavii`,
  },

  plugins: [
    {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: "UA-XXXXXX-XX",
        // Defines where to place the tracking script - `true` in the head and `false` in the body
        head: true,
      },
    },
    `gatsby-plugin-react-helmet`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `images`,
        path: `${__dirname}/src/images`,
      },
    },

不知道为什么它不起作用，甚至没有在我的源代码上显示任何Google分析。

谢谢。

Answer 1

将 gatsby-plugin-google-gtag 与以下配置一起用于 google analytics 4 支持。把它放在插件列表的顶部，如果没有“anonymize_ip: true”，我就无法让它工作。

plugins: [
    {
      resolve: `gatsby-plugin-google-gtag`,
      options: {
        trackingIds: [
          "GA-TRACKING_ID", // Google Analytics / GA
        ],
        pluginConfig: {
          head: true,
          anonymize_ip: true,
        },
      },
    },
    // other plugins
  ],

Answer 2

对我来说，它不起作用，因为我使用的是广告拦截器浏览器插件，该插件阻止了所有分析数据。禁用该插件后，一切都像灵符一样。

Answer 3

我也无法在生产中使用它。我也尝试过https://www.gatsbyjs.org/packages/gatsby-plugin-gtag/-我听说这是“较新的”方法，使用Helmet可以得到一些结果，如下所示：

  <Helmet>
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXX-X"></script>
  <script type="application/ld+json">{`
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('config', 'UA-XXX-X');
  `}</script>
  </Helmet>

...但是我还没有在生产中成功进行测试。我已经安装了所有的Google Analytics（分析）插件，尽管在使用Helmet的情况下调试可以使用，但是如果使用Helmet，我的结果不会很好。

Answer 4

“ gatsby-plugin-google-analytics ”生成过时的“ ga”

切换到“ gatsby-plugin-google-gtag ”会生成“ gtag”

参考 https://developers.google.com/analytics/devguides/collection/gtagjs/migration

“ gatsby-plugin-google-analytics”不适用于我的gatsby-strapi网站

4 个答案: