如何在GTM与NextJS中仅为www域名配置Cookie，排除子域名

可以将这些跟踪Cookie限制在www.website.com或指定子域名，核心操作集中在**Google Tag Manager（GTM）**的标签配置里，NextJS通常不需要额外调整，具体步骤如下：

1. 调整GTM中各跟踪标签的Cookie域 #

_ga、_fbp这类Cookie是由GTM里的GA、Facebook像素等第三方标签生成的，需要逐个修改对应标签的Cookie域设置：

• Google Analytics（GA）标签：找到GTM中的GA标签并编辑，展开「更多设置」→「Cookie设置」，将「Cookie域」设为www.website.com（不要加http/https前缀），替换默认的auto或website.com。
• Facebook像素标签：在GTM的Facebook像素标签配置里，找到Cookie相关选项，把Cookie域指定为www.website.com；如果是用自定义代码加载像素，要在fbq('init')调用中添加cookie_domain: 'www.website.com'参数。
• 其他第三方跟踪标签：所有通过GTM注入的跟踪工具，只要有Cookie域配置项，都统一设置为www.website.com，避免默认绑定根域名。

2. 验证配置效果 #

发布修改后的GTM容器后，按以下步骤验证：

• 访问www.website.com，打开浏览器开发者工具（Application→Cookies→www.website.com），查看_ga、_fbp等Cookie的Domain字段是否为www.website.com。
• 访问子域名kafka-ui.website.com，检查该域名下的Cookie列表，应该看不到这些跟踪Cookie，同时查看请求头，确认不会携带这些Cookie。

3. NextJS侧的注意事项 #

如果你的NextJS项目自身有设置Cookie的逻辑，确保自定义Cookie的domain参数指定为www.website.com；但针对GTM注入的第三方Cookie，NextJS无需额外配置，因为这类Cookie由前端脚本生成，控制权在GTM标签中。

内容的提问来源于stack exchange，提问作者Angelo Dias