使用Google跟踪代码管理器跟踪父子DIV上的点击事件

Question

我有近100张Bootstrap卡（带有卡头和卡身）。卡头中的文本需要跟踪。我已经使用“点击类”来跟踪Card Header上发生的所有Click事件，因为它们都是唯一的。

由于每个卡主体的描述各不相同，是否有任何方法可以触发卡主体上的单击事件和捕获卡标题的文本？

Answer 1

您可能会使用一些自定义Javascript变量，该变量会查看{{Click Element}}的父元素，然后遍历到Card Header并返回其内容。一些非常模糊的草稿可能看起来像这样：

function () {
  var baseElement = {{Click Elemnt}}
  var card = baseElement
  do {
    card = card.parentElemt
    if (card.matches('body')) {
      return null
    }
  } while (!card.matches('all.cards.selector'))
  var header = card.querySelector('some.header.selector')
  return header && header.innerText
}