GTM服务器端实现：Set-Cookie响应头无法设置Cookie求助

DevOps 小满

2026-7-5

服务器端GTM响应设置Cookie失败问题

配置与现象

客户端GTM自定义HTML标签代码：

<script>
  fetch('{{sst address}}', {
    method: 'POST',
    headers: {
      'content-type': 'application/json; charset=utf-8',
      'x-gtm-server-preview': '{{sst preview}}'
    },
    body: JSON.stringify({
      "events": [{  
        "event_name": "{{Event}}"
      }]
    })
  });
</script>

前端发起两个请求：OPTIONS预检请求、POST业务请求
同域名（sing.eventless.org）部署的服务器端容器已配置CORS响应头，且响应中包含Set-Cookie字段
异常现象：请求查看器中能看到Set-Cookie字段，但浏览器Application标签内无该Cookie，Safari浏览器也无法创建
对比测试：常规GA4标签通过相同的响应头Set-Cookie方式，成功设置了Cookie

可访问eventless.org，用Chrome开发者工具复现问题。

已尝试但无效的方案

Postman发送相同请求可正常设置Cookie
修改Cookie的名称与值
调整SameSite、Domain、Expiration及HttpOnly参数
修改请求URL与路径
启用/禁用缓存

问题

为何Cookie无法成功设置？

问题原因

核心问题出在fetch请求未配置credentials参数。浏览器默认对跨域（含同主域子域名）fetch请求不会自动携带或保存Cookie，即使响应头包含Set-Cookie，也会被忽略。GA4请求能成功，是因为其内部默认配置了credentials参数，确保浏览器处理Cookie。

解决方法

修改客户端GTM的自定义HTML标签，在fetch配置中添加credentials参数：

<script>
  fetch('{{sst address}}', {
    method: 'POST',
    credentials: 'include', // 关键配置，让浏览器处理响应中的Cookie
    headers: {
      'content-type': 'application/json; charset=utf-8',
      'x-gtm-server-preview': '{{sst preview}}'
    },
    body: JSON.stringify({
      "events": [{  
        "event_name": "{{Event}}"
      }]
    })
  });
</script>