将 Google 跟踪代码管理器与 gatsby-plugin-guess-js 集成答案

【问题标题】：Integrating Google Tag Manager with gatsby-plugin-guess-js将 Google 跟踪代码管理器与 gatsby-plugin-guess-js 集成
【发布时间】：2019-07-10 01:30:28
【问题描述】：

我目前正在处理一个 Gatsby 项目，该项目已经使用 Google Tag Manager 来处理 Google Analytics。我想将 gatsby-plugin-guess-js 与该站点合并以帮助提高性能，但是如果不使用 gatsby-plugin-google-analytics，我似乎无法实现这一点。

我们目前正在使用 gatsby-plugin-google-tagmanager，其中包含我们的 GTM ID，但这似乎不足以让guess-js 发挥作用。

有没有人成功地做到了这一点或知道这个问题的可能解决方案？

这是我在 gatsby-config.js 中的 Google 跟踪代码管理器和 GuessJS 配置

{
      resolve: `gatsby-plugin-google-tagmanager`,
      options: {
        id: "{GTM-ID}",
        includeInDevelopment: false,
      },
    },
    {
      resolve: "gatsby-plugin-guess-js",
      options: {
        // Find the view id in the GA admin in a section labeled "views"
        GAViewID: `{GA-VIEW-ID}`,
        minimumThreshold: 0.03,
        // The "period" for fetching analytic data.
        period: {
          startDate: new Date("2018-1-1"),
          endDate: new Date(),
        },
      },
    },

预期：预期功能将是 gatsby-plugin-guess-js，它使用来自 gatsby-plugin-google-tagmanager 的 ID 在构建过程中绕过登录到我们的 Google Analytics 帐户。

实际：在构建过程中，会打开一个浏览器窗口，并提示我登录我的 Google Analytics 帐户以授予访问权限。这在本地很好，但在部署站点时就不那么好了。

【问题讨论】：

标签： javascript gatsby guess.js

【解决方案1】：

Guess.js 及其 Gatsby 插件允许您指定令牌而不是 GA ID。

对于example，您可以查看 Gatsby 团队如何将 Guess.js 引入https://gatsbyjs.org。

如果您在集成过程中遇到任何问题，请随时在 Guess.js 或 Gatsby's 问题跟踪器中打开问题。

【讨论】：