使用谷歌分析跟踪对 div 的点击答案

【问题标题】：To track clicks on a div using google analytics使用谷歌分析跟踪对 div 的点击
【发布时间】：2017-10-31 17:22:40
【问题描述】：

我有多个具有唯一 ID 的 DIV。每个 DIV onclick 都会向下滑动并在其下方显示一些内容。

我想跟踪每个 DIV 的点击次数，以了解哪个 DIV 的点击次数最多。

如何使用谷歌分析来做到这一点？

【问题讨论】：

标签： javascript html google-analytics onclick

【解决方案1】：

听起来您正在寻找 Google Analytics（分析）“事件跟踪”。假设您已经设置了常规 GA 代码 sn-p（用于跟踪您的站点），然后您可以设置一个处理程序（例如，对于 div 的点击）使用 jQuery 执行类似的操作：

$('.trackerClass').click(function() {

  var selId = $(this).attr('id');

  _gaq.push(['_trackEvent', 'Interactions', 'Click', selId]);

});

您想要跟踪的每个 div 都可以将“trackerClass”作为类，并有一个唯一 ID 来帮助您识别它。

如果您想单独跟踪打开/关闭，您可以添加一个状态变量并传递它。

编辑：对于直接的 JavaScript，kennis 的回答就可以了。

【讨论】：

感谢您的回答！是的，我已经设置了 GA 代码 sn-p。我已经设置了类似 <div onclick="_gaq.push(['_trackEvent', 'Interactions', 'Click', 'IDofDIV']);"></div> 的东西，但我无法在我的 GA 帐户上看到点击跟踪详细信息。
@LINGS：你的浏览器开发控制台有错误吗？另外，请记住，在 GA 中显示新数据之前可能会有延迟

【解决方案2】：

查看事件跟踪的 GA 页面：https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide

基本思路是：

var someDiv = document.getElementById('someDiv');
someDiv.addEventListener('click', function(){
    _gaq.push(['_trackEvent', 'someDiv', 'click']);
}, false);

【讨论】：