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我获取当前网址（工作），并使用getAttribute('data-z')我想从data-z获取myvalue（无法正常工作）。

感谢任何帮助！

PS：欢迎基于JQuery的解决方案！

Answer 1

你没有告诉你的getAttribute方法属性属于哪个元素 - getAttribute本身不存在，它是DOM对象的一个方法（在这种情况下是你的按钮）。

由于您使用的是内联Javascript，因此可以使用click函数中的“this”关键字来调用按钮的getAttribute来使用DOM对象：

<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);"

将数据属性添加到事件跟踪中

2 个答案: