Хотите отслеживать событие клика в GTM, когда элемент не имеет класса CSS или идентификатора
У меня есть фильтр списка продуктов, я хочу отслеживать событие, когда кто-то нажимает на другой «тип просмотра»: список/сетка/таблица, снимок экрана ниже:
Я смог отслеживать события кликов, используя классы и идентификаторы, но эти элементы представления не имеют классов или идентификаторов, вместо этого они имеют атрибут «тип данных», скриншот ниже:
Может кто-нибудь объяснить, как я могу отслеживать событие, когда кто-то нажимает на любой из этих трех разных типов просмотра.
Ответы 1
Вы можете использовать Click Trigger с условием Click Element
Таким образом, чтобы настроить таргетинг на первый элемент <a>, вы можете использовать
Селектор CSS: a[data-type='list']
Так что остальные 2 точно такие же
a[data-type='grid']
a[data-type='table']
Или вы хотите точнее сузить диапазон
div.change-result-view a[data-type='list']
Это означает, что вам нужны только a element with data-type is list под div.change-result-view
О, вы должны выбрать соответствующий селектор css. Если ни один из тегов не сработал. Возможно, нам потребуется взглянуть на скриншот с вашими настройками.
хорошо понял. Предварительный просмотр GTM может показать, что он определяет клик по элементу <i>, а не <a>. Мы могли бы просто изменить тип триггера с All Click на Just Link. Just Link будет фокусироваться только на элементе <a>, даже если над ним есть другие элементы.
Должен ли я выбрать «Не соответствует селектору CSS»? когда я устанавливаю «Не соответствует селектору CSS», все 3 тега запускают сетку, список и таблицу. Когда я выбираю «Соответствует селектору CSS», ни один из тегов не срабатывает. Я также пробовал «Содержит», но ни один из тегов не срабатывает. Не знаю, что я делаю неправильно здесь.