javascript - D3.js:在GA中跟踪与SVG的用户互动

单击由D3创建的svg圆形元素时，我想向Google Analytics（分析）（ga.js）触发事件处理程序。

我想出了这个：

var circlesIndbyggere = d3.select("#ID").selectAll("svg").data(dataset);

circlesIndbyggere
    .enter()
    .append("circle")
    .attr("cx", 50)
    .attr("cy", 150)
    .attr("r", 20)
    .attr("fill", "rgba(35,50,80,0.5)")
    .attr("onClick", "ga('send', 'event', 'button', 'click', 'circle', 4);")

现在，当我使用Google Analytics（分析）Debugger-ChromeExtension监视控制台时，似乎没有触发事件？

将GA代码段写入标记后，如下所示：

<a onClick="ga('send', 'event', 'button', 'click', 'arrow', 4);">
    <img src="/"/>
</a>

...似乎工作正常

最佳答案

我认为最好听这样的点击：

.attr...
.on('click', function(node) {
    ga('send', 'event', 'button', 'click', 'circle', 4);
});

优点：


有用 ：）
更好的可读性。字符串中的JS代码看起来很糟糕。
您可以调试它，而不是字符串。不会弄脏DOM

关于javascript - D3.js:在GA中跟踪与SVG的用户互动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24046021/