html - GTM:单击触发器可触发具有许多嵌套类的按钮

我有一个wordpress实例，并且我的主题使用以下HTML呈现了一个按钮：

<a class="ubtn-link ubtn-left tooltip-57583ced327d9"
   href="http://www.google.de" target="_self">
    <span class="cr-animate-gen ubtn ubtn-normal ubtn-no-hover-bg margin-right extension-download ubtn-sep-icon ubtn-sep-icon-at-left ubtn-left"
    data-animate-type="transition.fadeIn" data-hover="" data-border-color="" data-hover-bg="#00ade6"
    data-border-hover="" data-shadow-hover="" data-shadow-click="none" data-shadow="" data-shd-shadow=""
    style="font-size: 16px; border: none; color: rgb(255, 255, 255); opacity: 1; display: inline-block; background: rgb(0, 198, 255);">
        <span class="ubtn-data ubtn-icon">
            <i class="dfd-icon-cloud_download" style="font-size:30px;color:;"></i>
        </span>
        <span class="ubtn-hover"></span><span class="ubtn-data ubtn-text" data-lang="en">Download for free</span>
    </span>
</a>

我有一个GTM触发器，它可以监听所有元素的点击，并且点击类与CSS选择器匹配。如果我调试单击，变量标签会​​告诉不同的C​​lick类，这取决于我在按钮上单击的位置（在文本上，在图标上还是在按钮本身上）。 Click类的不同内容如下：


ubtn-data ubtn-text
悬停
dfd-icon-cloud_download


问题是，这太笼统了。我在第一个跨度中添加了extension-download类。那是我可以添加额外类的唯一位置。因此，我想到了在Click触发器中匹配CSS选择器的情况下，在触发器中定义以下内容：extension-download > ubtn-data, extension-download > ubtn-hover, extension-download > dfd-icon-cloud_download，但这不起作用。我该如何轻松解决呢？

最佳答案

您可以尝试使用RegEx允许多个Click类。

使用“匹配RegEx”，并将所有预期的类包括在括号中，并用竖线分隔。

例：

单击类匹配正则表达式（ubtn-data ubtn-text | ubtn-hover | dfd-icon-cloud_download）

这意味着将单击在括号中具有3个班级的所有班级。