获取数据属性进入事件跟踪
Get data attribute into event tracking
我有一个按钮
<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
得到我的值(不工作)。
感谢任何帮助!
PS:欢迎基于JQuery的解决方案!
一种可能的解决方案是,使用 jQuery,首先评估被单击的元素以获取属性值,然后将其传递给 onclick 处理程序:
onclick="var d=$(this).data('z'); ga('send', 'event', 'clickout', 'buttonclick', window.location.href, d);"
您没有告诉您的 getAttribute 方法该属性属于哪个元素 - getAttribute 本身不存在,它是 DOM 对象(在本例中为您的按钮)的方法。
由于您使用的是内联 Javascript,因此可以通过在点击函数中使用 "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不优雅)。
我有一个按钮
<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
得到我的值(不工作)。
感谢任何帮助!
PS:欢迎基于JQuery的解决方案!
一种可能的解决方案是,使用 jQuery,首先评估被单击的元素以获取属性值,然后将其传递给 onclick 处理程序:
onclick="var d=$(this).data('z'); ga('send', 'event', 'clickout', 'buttonclick', window.location.href, d);"
您没有告诉您的 getAttribute 方法该属性属于哪个元素 - getAttribute 本身不存在,它是 DOM 对象(在本例中为您的按钮)的方法。
由于您使用的是内联 Javascript,因此可以通过在点击函数中使用 "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不优雅)。