GTM: Нажмите курок для кнопки со многими вложенными классами

Question

у меня есть 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. Если я отлаживаю щелчок, на вкладке переменных отображаются разные классы щелчков, в зависимости от того, где я нажимаю кнопку (по тексту, значку или самой кнопке). Различное содержание замковое класса заключается в следующем:

• ubtn-данные ubtn-текст
• ubtn-парения
• DFD-икона-cloud_download

Проблема заключается в том, что это слишком родовой. Я добавил класс extension-download в первый пролет. Это единственное место, где я могу добавить дополнительные классы. Поэтому я подумал о чем-то вроде следующего, чтобы определить в моем триггере, поскольку Click Class соответствует CSS-селектору: extension-download > ubtn-data, extension-download > ubtn-hover, extension-download > dfd-icon-cloud_download, но это не работает. Как я могу легко решить это?

Answer 1

Вы можете попробовать использовать RegEx, чтобы разрешить несколько классов щелчков.

Используйте «Соответствует RegEx» и включите все ожидаемые Классы в скобках, разделенные вертикальной полосой.

Пример:

Нажмите Классы Матчи RegEx (ubtn-данные ubtn-текст | ubtn-парения | DFD-икона-cloud_download)

Это означает, что любой щелчок по классам с 3-х классов в кронштейне будет быть захваченным.