如何获取父元素ID作为Google Tag Manager事件标题？

你可以通过创建自定义JavaScript变量来统一获取按钮ID，不管点击的是按钮本身还是它的子元素：

1. 创建自定义变量 #

在GTM中新建一个「自定义JavaScript」类型的变量，输入以下代码：

function() {
  // 从当前点击元素向上查找ID以ga-enable-开头的按钮
  const targetBtn = {{Click Element}}.closest('button[id^="ga-enable-"]');
  // 返回按钮ID，找不到则返回空字符串
  return targetBtn ? targetBtn.id : '';
}

给这个变量起个清晰的名字，比如{{Feature Switch Button ID}}。

2. 替换事件名中的变量 #

把原来事件名里的{{Click ID}}替换成刚创建的{{Feature Switch Button ID}}，最终事件名变成Feature: {{Feature Switch Button ID}}。这样不管点击的是按钮本体还是嵌套的子div，都能正确拿到对应的开关ID。

3. 优化触发规则（可选） #

你现有的触发规则已经覆盖了按钮和子元素，不过可以简化得更精准：

button[id^="ga-enable-"], button[id^="ga-enable-"] *

这样只会匹配你目标功能开关的按钮及其子元素，避免误触发页面上其他按钮的点击事件。

为什么之前的closest尝试失败？ #

大概率是没正确引用GTM的{{Click Element}}内置变量，或者选择器不够精准——用id^="ga-enable-"前缀匹配，能确保只定位到你加了标识的功能开关按钮，不会误匹配其他按钮。

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