在GTM中，如何在Click Element触发器上使用CSS Selector？

Question

我想创建一个＆＃34; Click Element＆＃34;使用CSS选择器触发...基本上我想在特定元素上设置触发器，而不是所有元素。所以我创建了一个名为＆＃34; Click - All Elements＆＃34;然后＆＃34;有些点击＆＃34; ...但是它要求我附加一个变量??

所以我尝试创建一个类型为＆＃34;元素＆＃34; ...然后＆＃34;元素＆＃34;的自动事件变量。在数据层中只返回元素链接到的URL，而不是整个元素（它返回＆＃34; http://example.com/signup＆＃34;而不是实际的HTML元素）

这没有任何意义。我想要的只是在特定的CSS选定元素上设置触发器。请帮忙！

Answer 1

要在触发器中检查CSS选择器，您需要创建一个查找特定CSS选择器的变量。要做到这一点，你需要一个名为＆＃34; DOM-element＆＃34;的变量。使用＆＃34;点击＆＃34;来指定您的点击触发器选项。

<强>说明： 如果转到带变量的部分，请单击＆＃34; NEW＆＃34; - 按钮以创建新变量。一旦右侧平移，打开＆＃34;变量配置＆＃34;然后单击名为＆＃34; DOM-element＆＃34;的那个。在下拉列表中，您可以选择CSS选择器。插入您想要在触发器中检查的值，这应该按照您的要求进行。

Answer 2

所以我假设你有多个具有相同类的元素，但你只想用你的click元素触发器来定位一个元素？如果您可以添加ID或数据元素而不仅仅依赖于类，您仍然可以使用＆＃34; Click＆＃34;事件和＆＃34;匹配css选择器＆＃34;在你的＆＃34; Fires On＆＃34;设置。

所以如果您有以下元素：

<a id="whatever" href="whatever">My Link</a>

由于ID是唯一的，您只需使用以下选择器＆＃34;匹配css选择器＆＃34;：

#whatever

使用特定元素的数据属性，您可以使用特定类来定位所有元素，但是根据您在数据属性中设置的唯一标识符来限制它：

所以如果您有以下元素：

<a href="whatever" data-mytrack='4'>My Link</a>

您可以使用以下选择器进行＆＃34;匹配css选择器＆＃34;：

a[data-mytrack='4']

Answer 3

我是这样使用的，它有效。

Trigger Configuration