在Google Tag Manager中点击按钮无法获取邻近隐藏输入框值的求助

问题出在哪 #

你现在用的closest('#st-signup-source')逻辑有误——closest()方法是从点击按钮向上遍历DOM树，找它的祖先节点，但从截图看，#st-signup-source这个隐藏输入框和按钮所在的容器是同级关系，并非按钮的祖先，所以肯定返回undefined。

几种可行的修正代码 #

方法1：通过按钮父容器找同级输入框 #

根据截图里的DOM结构，按钮在.st-signup-submit容器内，隐藏输入框是这个容器的上一个兄弟元素，代码可以这么写：

function(){
  var btnContainer = {{Click Element}}.closest('.st-signup-submit');
  return btnContainer.previousElementSibling.value;
}

方法2：直接通过ID取值（页面ID唯一时可用） #

如果这个隐藏输入框的ID在整个页面里是唯一的，直接简化代码更稳妥：

function(){
  return document.getElementById('st-signup-source').value;
}

方法3：通过共同父容器定位 #

要是按钮和输入框有共同的父容器（比如截图里的.st-signup-form），也可以这么写：

function(){
  var formContainer = {{Click Element}}.closest('.st-signup-form');
  return formContainer.querySelector('#st-signup-source').value;
}

调试小技巧 #

在GTM预览模式里，你可以给代码加日志辅助排查：

function(){
  var targetInput = document.getElementById('st-signup-source');
  console.log('目标输入框：', targetInput);
  return targetInput ? targetInput.value : '未找到元素';
}

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