使用元素数据属性进行目标点击跟踪答案

【问题标题】：Target click tracking using elements data- attribute使用元素数据属性进行目标点击跟踪
【发布时间】：2017-06-08 03:26:13
【问题描述】：

我想将 analytics.js 点击跟踪添加到页面上的一些元素，这些元素都具有唯一的 data- 属性。

在分析页面上：

它说要按以下格式添加代码：

ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);

虽然例如当它说 eventCategory 时，它给出的示例只是“视频”而不是类或 id。

我的问题是我将如何纠正上述问题，以便它根据其数据属性跟踪每个元素，例如：data-id="2250ee774b0a42688745b6143b662328"

任何帮助将不胜感激。

谢谢

大卫

【问题讨论】：

所以你问如何从点击的元素中提取数据属性？
我基本上只是想知道谁点击了元素并使用像 id 这样的数据属性来跟踪，所以在 anayltics 上有一个列表说 data-1 clicked...... 或 data- 2 点击.......

【解决方案1】：

你应该使用https://sizzlejs.com/根据data-id找到选择器并编写自定义代码。

但是为什么不使用这个工具来记录你的行为而无需经历这些麻烦。

www.customerlabs.co 查看他们的动作记录器。

【讨论】：

【解决方案2】：

这取决于您希望如何查看谷歌分析中的数据以及那些“某些元素”是什么，我建议通过添加点击处理程序来使用以下方法使用 jQuery

假设您要将所有数据 ID 分组到一个 DataIDClicks 类别下

$('[data-id]').on("click",function(){
  ga('send', 'event', 'DataIDClicks', $(this).data('id'));
})

【讨论】：