开发者问题收集

Cookie“_ga”很快就会被拒绝,因为它的“SameSite”属性设置为“None”,而没有“secure”属性

2022-03-30
5111

react-gtm-module 的帮助下,我已将 Google Tag 管理器添加到我的 React 项目中。

成功添加后,我在控制台中看到一些警告,如下所示 -

Cookie “_ga” will be soon rejected because it has the “SameSite” attribute set to “None” or an invalid value, without the “secure” attribute.

Cookie “_gid” will be soon rejected because it has the “SameSite” attribute set to “None” or an invalid value, without the “secure” attribute.

Cookie “_gat_UA-xxxxxxxx” will be soon rejected because it has the “SameSite” attribute set to “None” or an invalid value, without the “secure” attribute.

我看到我必须使用 sameSite 属性来确保安全,但如何使用我正在使用的给定库来实现这一点?

1个回答

这不是 react-gtm-module 或其代码配置的问题,而是 Google Tag Manager 中的问题。GTM 提供的 Google Analytics 跟踪 Cookie 没有有效的 SameSite 属性。

请注意,这些警告仅显示在某些浏览器(例如 Firefox)中。从更新 80 开始,Google Chrome 会将没有正确 SameSite 值的任何 Cookie 默认为 SameSite=Lax (这可能会导致它们无法正常工作)。

理想情况下,Google Tag Manager 团队会更新其代码以自动设置 Cookie 的 SameSite 属性。但是,您 可以 自行设置:

  1. 在 Google Tag Manager 中,转到 变量

  2. 找到您的 GA 跟踪 ID 变量,然后单击进行编辑

  3. 更多设置 下 -> 要设置的字段

    • 添加字段名称 cookieFlags
    • 将值设置为 samesite=none;secure

    Setting SameSite properties for cookieFlags

  4. 保存并发布 GTM 配置的新版本。

如果操作正确,这应该可以解决您看到的浏览器警告。

Robotnik
2022-04-29