React (Gatsby)在TypeScript中停用Google Analytics。

Question

如何在Gatsby.JS中创建一个停用的Goole Analytics链接？我的链接不能停用Google Analytics。

用过的插件。https:/www.gatsbyjs.orgpackagesgatsby-plugin-gdpr-cookieshttps:/www.gatsbyjs.orgpackagesgatsby-plugin-gdpr-tracking?=gd

我有一个链接，应该停用Google Analytics。

  <Link
      href="javascript:gaOptout();"
      data-ua={process.env.GATSBY_GOOGLE_ANALYTICS_TRACKING_ID}
    >
      Deactivate Google Analytics
    </Link>

但我总是得到以下错误信息：Uncaught ReferenceError: gaOptout is not defined at :1:1。

Answer 1

你必须自己添加该功能，它不包括在GA中。

你可以找到一个例子，这样的功能在文档中的 gatsby-plugin-google-analytics:

匿名化 有些国家（如德国）要求您使用Google Analytics的_anonymizeIP功能。否则你就不能使用它。该选项在代码中增加了两个块。

function gaOptout(){document.cookie=disableStr+'=true; expires=Thu, 31 Dec 2099 23:59:59 UTC;path=/',window[disableStr]=!0}var gaProperty='UA-XXXXXXXX-X',disableStr='ga-disable-'+gaProperty;document.cookie.indexOf(disableStr+'=true')>-1&&(window[disableStr]=!0);

ga('set', 'anonymizeIp', 1);

如果您的访问者能够设置一个Opt-Out-Cookie(未来无跟踪)，您可以设置一个链接，例如在您的印记中，如下所示。

<a href="javascript:gaOptout();">Deactivate Google Analytics</a>

https:/www.gatsbyjs.orgpackagesgatsby-plugin-google-analytics