google-analytics - 将数据属性放入事件跟踪

Question

我有一个按钮

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

我想在Google Analytics（分析）中跟踪哪个点击（通用-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')可以从 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混合起来并不美观）。