Основание триггера GTM на атрибутах данных - PullRequest
Новая
       8

Основание триггера GTM на атрибутах данных

0 голосов
/ 19 сентября 2018

Я пытаюсь отследить определенный элемент веб-сайта, не имея возможности внедрить слой данных в коде (в настоящий момент бюджет разработки ограничен).Я пытаюсь основать свой триггер на CSS-селекторе, но он пока не работает.

У нас есть три поля, которые расположены под надписью Добавить в корзину на https://www.sail.ca/en/browning-high-noon-spotlight-modb-197590. Мы хотим знать, какая изна них чаще всего нажимают.

Вот код для 3 блоков: 

<div class="legal-container">
<div class="sub-container">
<a href="#" data-action="legal-modal" data-component="toggle-modal" data-tab="shipping">
<div class="over-icon"><img src="/skin/frontend/sail/default/nwayo/build/images/common/icon-delivery.svg" alt="Shipping" /></div>
<div class="content">Free shipping on orders over $75</div> </a>
</div>
<div class="sub-container">
<a href="#" data-action="legal-modal" data-component="toggle-modal" data-tab="returns">
<div class="over-icon"><img src="/skin/frontend/sail/default/nwayo/build/images/common/icon-returns.svg" alt="Returns" /></div>
<div class="content">Easy Return</div> </a>
</div>
<div class="sub-container">
<a href="#" data-action="legal-modal" data-component="toggle-modal" data-tab="price_warranty">
<div class="over-icon"><img src="/skin/frontend/sail/default/nwayo/build/images/common/icon-price-warranty.png" alt="Best price" /></div>
<div class="content">Best pricRThe guarantee</div> </a>
</div>
</div>

Я создал переменную уровня данных, используя имя gtm.element.dataset.tab

Триггер совпадает при выборе селектора «Элемент щелчка соответствует CSS» [data-tab = «price_warranty»]

Видите ли вы, что я делаю неправильно? Это основано на руководстве, опубликованном Lunametrics некоторое время назад(https://www.lunametrics.com/blog/2017/07/07/tracking-clicks-custom-data-attributes-google-tag-manager-google-analytics/), но я явно что-то упускаю.

Большое спасибо, Чарльз

1 Ответ

0 голосов
/ 20 сентября 2018

Убедитесь, что ваш триггер клика относится к типу "только ссылки".Если у вас есть «щелчок по всем элементам», то, скорее всего, Click Element - это не элемент с атрибутом, а изображение, содержащееся в нем.

Это связано с тем, как GTM подключает обработчики событий.GTM не привязывает обработчики событий к элементам напрямую.Вместо этого он прикрепляет обработчики событий к документу.При щелчке по элементу событие всплывает через DOM, пока не достигнет узла документа.Там целевой элемент (Элемент клика) проверяется, если он соответствует условию, указанному в фильтре триггера клика.

Если вы выполняете триггер «только ссылки», GTM фактически просматривает только ссылки, и, поскольку вашссылка имеет атрибут data, который должен работать для вас.

Это надежный способ убедиться, что события запускаются для динамически создаваемых элементов, но это означает, что не всегда легко получить нужный элемент Click.

...