GTM服务端如何处理输入表数据生成HubSpot自定义事件API请求体

错误原因梳理 #

• 第一种写法的问题：
  1. 手动拼接JSON字符串属于极低效且容易出错的写法，拼接过程中重复包裹{}导致格式完全混乱，后续再对拼接好的字符串执行JSON.stringify会把整个字符串转义，根本无法得到合法的对象结构。
  2. 没有初始化postPropertiesData为对象，直接拼接字符串会导致最终生成的是无效JSON片段。
• 第二种写法的问题：
  1. 存在明显的语法错误：postPropertiesData[data.additionalProperties[key].property =data.additionalProperties[key].value,"};这一行缺少闭合的方括号，多余的逗号和"}完全不符合JS语法规范，实际代码运行时这个循环根本不会正常执行，所以postPropertiesData一直是空对象。
  2. GTM服务端的表类型输入默认返回数组格式的data.additionalProperties，用for...in遍历数组会拿到索引，虽然也能取值，但容易遍历到原型链属性导致异常。

正确实现代码 #

// 初始化属性对象
let postPropertiesData = {};

// 校验additionalProperties存在且为非空数组
if (Array.isArray(data.additionalProperties) && data.additionalProperties.length > 0) {
  // 遍历属性表的每一行
  data.additionalProperties.forEach(item => {
    // 校验属性名和属性值都有效，避免生成无效键值
    if (item && item.property && item.value !== undefined && item.value !== null) {
      postPropertiesData[item.property] = item.value;
    }
  });
}

// 直接构造完整请求体对象再序列化
const setBody = JSON.stringify({
  utk: data.userToken,
  eventName: data.eventName,
  occurredAt: getTimestamp(), // 注意你之前拼写错了该字段，少了一个r，HubSpot API无法识别拼写错误的字段
  properties: postPropertiesData
});

额外校验点 #

• 要确保postHeaders里已经配置了'Content-Type': 'application/json'，否则HubSpot无法正确解析JSON格式的请求体。
• GTM服务端预览模式下可添加console.log(postPropertiesData)日志，直接查看生成的属性对象是否符合预期。

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