скользящий слайдер стрелка отслеживания кликов - PullRequest
Новая
       13

скользящий слайдер стрелка отслеживания кликов

0 голосов
/ 29 мая 2019

Я ломаю голову здесь. Слайдер работает, это не проблема. Меня попросили добавить отслеживание событий на стрелку. Так что не на смену слайдов, как KPI, который стрелка. Так что пользователь нажимал влево или вправо.

Это не работает: 

    $('.slick-arrow').on('click', function () {
      var $this = $(this),
        $ariaLabel = $this.attr('aria-label');


      console.log('button');
    });

Стрелки по умолчанию, хотя я изменил CSS. Есть ли другой способ отследить щелчки стрелки?

1 Ответ

1 голос
/ 29 мая 2019

Я думаю, это поможет вам отследить вашу кнопку.

В GTM создайте пользовательскую переменную типа «переменная авто-события», а значением будет атрибут «aria-label», например: enter image description here

Затем создайте триггер для щелчков стрелки, у вас уже есть правильная идея для нацеливания на элемент с использованием классов CSS, но это можно сделать в GTM, например, так: enter image description here Обратите внимание: если вы не видите переменные «Click XXXX», вы можете включить их в разделе «встроенные переменные» на экране переменных.

Затем создайте тег события, перейдите на страницу тегов и создайте новый тег типа Google Analytics, затем выберите «событие» для типа дорожки и заполните категорию, действие и метку по своему желанию. Обратите внимание, что здесь я использую переменную, которую мы создали на первом шаге, в качестве метки, но вы можете поместить ее в любое место, чтобы определить тип стрелки. Не забудьте также выбрать триггер, который мы создали ранее, в качестве триггера для этого тега. enter image description here

После того, как все это будет сделано, переведите контейнер в режим отладки, и вы должны увидеть срабатывание тега и зарегистрировать событие в GA.

...