GTM自定义JavaScript变量返回undefined问题求助

问题根源 #

你遇到的核心问题是对{{Form Element}}变量的类型理解有误：

• {{Form Element}}返回的是DOM元素对象数组，并非字符串选择器。直接对DOM元素调用indexOf()方法会返回undefined——因为DOM元素本身没有这个字符串方法。
• 当你返回e[0]时，GTM会自动把DOM元素转为默认字符串（比如[object HTMLFormElement]），自然无法匹配触发器里的“包含#footer”逻辑。

正确实现方法 #

要判断表单是否处于页脚区域，应该检查表单元素的祖先节点中是否存在ID为footer的元素，推荐使用closest()方法（兼容性覆盖绝大多数现代浏览器）：

function() {
  var formElement = {{Form Element}}[0];
  // 检查表单本身或其任意祖先节点是否包含id为footer的元素
  return formElement.closest('#footer') !== null;
}

触发器配置 #

这个变量会返回布尔值：true代表表单在页脚，false代表表单在主体区域。后续在触发器中直接设置：

• 页脚表单触发器：自定义变量等于true
• 主体表单触发器：自定义变量等于false

备选兼容方案（适配旧浏览器） #

如果需要兼容不支持closest()的老旧浏览器，可以用循环遍历父节点的方式：

function() {
  var el = {{Form Element}}[0];
  while (el) {
    if (el.id === 'footer') {
      return true;
    }
    el = el.parentElement;
  }
  return false;
}

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