Google analytics 基于数据属性的GTM触发器

我试图对网站的一个特定元素进行跟踪，但无法在代码中实现数据层（目前开发预算有限）。我正试图将我的触发器建立在CSS选择器的基础上，但到目前为止它还不起作用

我们有三个盒子，位于“添加到购物车”的下方。我们想知道其中哪一个被点击最多

以下是3个框的代码：

<div class="legal-container">
<div class="sub-container">
<a href="#" data-action="legal-modal" data-component="toggle-modal" data-tab="shipping">
<div class="over-icon"><img src="/skin/frontend/sail/default/nwayo/build/images/common/icon-delivery.svg" alt="Shipping" /></div>
<div class="content">Free shipping on orders over $75</div> </a>
</div>
<div class="sub-container">
<a href="#" data-action="legal-modal" data-component="toggle-modal" data-tab="returns">
<div class="over-icon"><img src="/skin/frontend/sail/default/nwayo/build/images/common/icon-returns.svg" alt="Returns" /></div>
<div class="content">Easy Return</div> </a>
</div>
<div class="sub-container">
<a href="#" data-action="legal-modal" data-component="toggle-modal" data-tab="price_warranty">
<div class="over-icon"><img src="/skin/frontend/sail/default/nwayo/build/images/common/icon-price-warranty.png" alt="Best price" /></div>
<div class="content">Best pricRThe guarantee</div> </a>
</div>
</div>

我已经使用名称gtm.element.dataset.tab创建了一个数据层变量

触发器与“Click Element matches CSS selector[data tab=“price\u warranty”]匹配

你知道我做错了什么吗？这是基于Lunametrics不久前发布的一篇教程（），但显然我遗漏了一些东西

非常感谢你，

---

Charles

确保您的点击触发器为“仅链接”类型。如果您有“点击所有元素”，则点击元素可能不是具有该属性的元素，而是包含在其中的图像

这与GTM附加事件处理程序的方式有关。GTM不直接将事件处理程序附加到元素，而是将事件处理程序附加到文档。当单击元素时，事件会在DOM中冒泡，直到到达文档节点。目标元素（单击元素）检查是否与单击触发器的筛选器中指定的条件匹配

如果您执行“仅链接”触发器，GTM实际上只查看链接，并且因为您的链接具有适合您的数据属性

---

这是确保为动态创建的元素触发事件的可靠方法，但这意味着要获得所需的单击元素并不总是容易的。

确保您的单击触发器为“仅链接”类型。如果您有“单击所有元素”那么，Click元素可能不是具有该属性的元素，而是包含在其中的图像

这与GTM附加事件处理程序的方式有关。GTM不会将事件处理程序直接附加到元素。相反，它将事件处理程序附加到文档。单击元素时，事件会在DOM中冒泡，直到到达文档节点。如果目标元素（单击元素）与单击触发器的筛选器中指定的条件相匹配，则会在此处检查该元素

如果您执行“仅链接”触发器，GTM实际上只查看链接，并且因为您的链接具有适合您的数据属性

这是一种确保为动态创建的元素触发事件的健壮方法，但这意味着要获得所需的Click元素并不总是那么容易