Диспетчер тегов Google: выбор глубоко вложенного

Я пытаюсь захватить все щелчки привязки.

В 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>
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
0
0
222
1

Ответы 1

Снимите > с селектора. Это будет искать любой тег <a> внутри элемента #most-popular-posts вместо поиска <a>, непосредственно вложенного внутри этого элемента.

См. Эту статью Mozilla для получения более подробной информации: https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance

Другие вопросы по теме