DOM元素变量获得第N个结果？

Question

我正在尝试通过带有CSS选择器的DOM元素和以下CSS代码段在GTM（代码管理器）中设置自定义变量：dd.qds-c-post-detail__value

问题是页面上对此有4个匹配项，因此该变量被定义为第一个匹配项。我需要第三场比赛。似乎没有CSS的任何部分是第3部分所独有的。有什么方法可以让GTM始终找到第三结果吗？

Answer 1

例如，所有按钮具有相同的按钮类-qds-c-post-detail__value

在Google跟踪代码管理器中创建一个自定义JS变量，该变量将获取所有元素并选择（返回）第三个元素。

function() {
  var sameButtonElements = document.querySelectorAll('.qds-c-post-detail__value');
  return sameButtonElements[2] #index starts from 0 & fetch the 3rd DOM element
}

使用此Custom JS变量来满足您的要求。您还可以使用{{Click Element}}预定义变量来迭代查找元素是否被单击。