如何在Google Tag Manager中创建指定元素点击触发的触发器

用GTM内置触发器直接配置（无需自定义JS） #

新建一个点击 - 元素触发器，按以下步骤设置：

1. 触发条件选择「满足以下任一条件」
2. 添加第一个条件：
   • 变量选「点击元素」
   • 匹配类型选「CSS选择器」
   • 值填写 img.img_travel_loan
3. 添加第二个条件：
   • 变量选「点击元素」
   • 匹配类型选「CSS选择器」
   • 值填写 p.Travel span
4. 保存触发器并关联到对应标签即可。

解决你之前JS获取父元素返回null的问题 #

你遇到的null问题，通常是这两个原因：

• 元素加载时序问题：JS执行时目标元素还未渲染完成
• 选择器写法错误：比如类名大小写不匹配（注意p标签的class是首字母大写的Travel），或是用错了DOM方法（比如误用getElementById而非querySelector）

如果一定要用自定义JS判断，可创建一个自定义JavaScript变量，内容如下：

function() {
  var clickEl = {{Click Element}};
  // 检查点击元素是否是目标图片，或是Travel类p标签下的span文本
  return clickEl.classList.contains('img_travel_loan') || 
         (clickEl.tagName === 'SPAN' && clickEl.parentElement.classList.contains('Travel'));
}

随后将触发器设置为「当此自定义变量等于true」时触发。

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