приписывать Получить данные в случае отслеживания

Question

У меня есть кнопка

<button data-z="myvalue"> 
click 
</button> 

который щелкает я хочу, чтобы отслеживать в Google Analytics (Universal - analytics.js).

я попробовать с

<button data-z="myvalue" 
onClick="ga('send', 'event', 'clickout', 'buttonclick', window.location.href, getAttribute('data-z'));> 
click 
</button> 

С window.location.href я получить текущий URL (работы), а также с getAttribute('data-z') я хочу, чтобы получить MyValue от data-z (не работает).

Любая помощь приветствуется!

PS: Решения на базе JQuery приветствуются!

Answer 1

Вы не говорите свой метод GetAttribute к какому элементу принадлежит атрибут - getAttribute не существует сам по себе, это метод объекта DOM (в данном случае ваша кнопка).

Поскольку вы используете встроенный Javascript объект DOM будет доступен с помощью «это» ключевое слово в функции мыши, чтобы вызвать GetAttribute кнопки:

<button data-z="myvalue" 
onClick="ga('send', 'event', 'clickout', 'buttonclick', window.location.href, this.getAttribute('data-z'));> 
click 
</button> 

Гораздо дешевле, чем JQuery селекторы (однако используя jQuery, вы можете обойтись без встроенных скриптов и прикрепить клик в javascript-функции. Смешивание HTML и JS не изящно).

Answer 2

Одно из возможных решений, с помощью JQuery, было бы оценить для нажатого элемента первым, чтобы получить значение атрибута, а затем передать, что в обработчик OnClick:

onclick="var d=$(this).data('z'); ga('send', 'event', 'clickout', 'buttonclick', window.location.href, d);"