Ссылки на Карусель в Google Tag Manager

Question

Я новичок в GTM и пытаюсь запечатлеть события "next" и "prev" на нескольких каруселях по всему сайту.

Мой HTML.

<div id="hero1">
  //... slides
  <div class="slide-next"></div>
  <div class="slide-prev"></div>
</div>   

<div id="hero2">
  //... slides
  <div class="slide-next"></div>
  <div class="slide-prev"></div>
</div>    

Каждый раз, когда я нажимаю div с классом slide-next (а также slide-prev), Я хотел бы захватить следующее:

Категория: Карусельная кнопка

Действие: нажмите - Далее (или предыдущая)

Метка: Hero1

Есть ли способ сделать это в Google Tag Manager?

Answer 1

• Создайте новый макрос переменной уровня данных с gtm.element.parentElement.id в качестве имени переменной.
• Создайте другой макрос переменной уровня данных с gtm.element.className в качестве имени переменной.
• Создайте новое правило, в котором событие равно gtm.linkClick, а ранее созданный вами макрос -first-one - начинается с hero
• Создайте новый тег UA, Тип: Событие, Категория: Карусель, Действие: макрос с gtm.element.className, Метка: макрос с gtm.element.parentElement.id. Используйте предыдущее правило для запуска этого тега.

Конечно, вам также понадобится тег прослушивателя кликов.