Я пытаюсь захватить все щелчки привязки.
В GTM мой триггер:
All Elements / Some Clicks / Click Element / Matches CSS Selector / #most-popular-posts > a
Я тоже пробовал # most-popular-posts> *> a, но безуспешно. Есть идеи, почему это не работает?
Мой HTML выглядит следующим образом:
<div id = "most-popular-posts">
<h4>Most Popular</h4>
<div class = "post-loop">
<ul>
<li>
<a class = "latest_thumbnail_wrapper" href = "http://thelink.com">
<div class = "latest_thumbnail">
<img src = "https://theimage.jpg" class = "attachment-loop-thumbnail size-loop-thumbnail wp-post-image" alt = "">
</div>
</a>
<div class = "latest_list_wrapper">
<h5 class = "cat-label"><a href = "https://cateogrylink.com">The Category</a></h5>
<h3>
<a href = "hhttp://thelink.com">Article Title</a>
</h3>
<div class = "byline">
<span>by</span> <a class = "author" href = "">First Last Name</a></div>
</div>
</li>
<li>
</ul>
</div>
</div>

Снимите > с селектора. Это будет искать любой тег <a> внутри элемента #most-popular-posts вместо поиска <a>, непосредственно вложенного внутри этого элемента.
См. Эту статью Mozilla для получения более подробной информации: https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance