Cookie“_ga”很快就会被拒绝,因为它的“SameSite”属性设置为“None”,而没有“secure”属性
在 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 属性来确保安全,但如何使用我正在使用的给定库来实现这一点?
这不是
react-gtm-module
或其代码配置的问题,而是 Google Tag Manager 中的问题。GTM 提供的 Google Analytics 跟踪 Cookie 没有有效的
SameSite
属性。
请注意,这些警告仅显示在某些浏览器(例如 Firefox)中。从更新 80 开始,Google Chrome 会将没有正确
SameSite
值的任何 Cookie 默认为
SameSite=Lax
(这可能会导致它们无法正常工作)。
理想情况下,Google Tag Manager 团队会更新其代码以自动设置 Cookie 的
SameSite
属性。但是,您
可以
自行设置:
-
在 Google Tag Manager 中,转到 变量
-
找到您的 GA 跟踪 ID 变量,然后单击进行编辑
-
在 更多设置 下 -> 要设置的字段
-
添加字段名称
cookieFlags
-
将值设置为
samesite=none;secure
-
添加字段名称
-
保存并发布 GTM 配置的新版本。
如果操作正确,这应该可以解决您看到的浏览器警告。