Отслеживание щелчков скользящей стрелкой
Я ломаю голову здесь. Слайдер работает, дело не в этом. Меня попросили добавить отслеживание событий в стрелку. Так что не на слайде меняйте, так как KPI это какая стрелка. Так же пользователь щелкнул влево или вправо.
Это не работает:
$('.slick-arrow').on('click', function () {
var $this = $(this),
$ariaLabel = $this.attr('aria-label');
console.info('button');
});Стрелки по умолчанию, хотя я изменил css. Есть ли другой способ отслеживать щелчки стрелок?
Это делается через диспетчер тегов, но проблема не в реализации. Это обратный вызов по щелчку, который я пытаюсь решить.
Ответы 1
Думаю, это поможет вам отследить вашу кнопку.
В GTM создайте определяемую пользователем переменную типа «переменная автоматического события», а значением будет атрибут «aria-label», например:
Затем создайте триггер для щелчков стрелки, у вас уже есть правильное представление о нацеливании на элемент с помощью классов CSS, но это можно сделать в GTM, например:
Обратите внимание: если вы не видите переменных «Click XXXX», вы можете включить их в разделе «Встроенные переменные» на экране переменных.
Затем создайте тег события, вы перейдете на страницу тегов и создадите новый тег типа Google Analytics, затем выберите «событие» для типа отслеживания и заполните категорию, действие и ярлык по своему усмотрению. Обратите внимание, здесь я использую переменную, которую мы создали на первом шаге, в качестве метки, но вы можете поместить ее куда угодно, чтобы определить, что это была за стрелка. Не забудьте также выбрать триггер, который мы создали ранее, в качестве триггера для этого тега.
После того, как все это будет сделано, переведите контейнер в режим отладки, и вы должны увидеть срабатывание тега и зарегистрировать событие в GA.
Вы можете прокомментировать, как реализована GA? Скопируйте и вставьте фрагмент GA, который находится на странице.