Google Tag Manager自定义JavaScript变量返回Null问题排查

• 方法名拼写错误
  你提到的getAttributeName()是错误写法，正确的DOM属性获取方法是getAttribute()。比如要获取data-product-id属性，代码应该写：

  {{Click Element}}.getAttribute('data-product-id')
  

  注意方法名是getAttribute，不存在末尾的Name后缀，这是最容易踩的低级错误。

• data属性匹配不一致
  确认目标元素的data属性格式和调用时的名称完全一致：

  • 元素上的属性必须是标准data-*格式，比如<a data-track-id="abc">
  • 调用getAttribute时要完整写出属性名，不能省略data-前缀，同时严格区分大小写（比如元素上是data-Track-ID，调用时不能写成小写的data-track-id）

• 点击元素层级不匹配
  {{Click Element}}指向的是你实际点击的子元素（比如按钮内的图标、文字span），而data属性可能挂载在父元素上。这种情况需要遍历父节点查找目标属性：

  var el = {{Click Element}};
  while (el && !el.getAttribute('data-xxx')) {
    el = el.parentNode;
  }
  return el ? el.getAttribute('data-xxx') : null;
  

• 变量类型选择错误
  确保你创建的是自定义JavaScript变量，只有这类变量才能执行DOM元素的属性获取逻辑，不要选错成数据层变量或其他类型。

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