D3.js:在GA中跟踪用户与svg的交互
D3.js:Tracking user interaction with svg in GA
我想在点击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
相关文章:
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 如何使用javascript从主svg对象动态创建svg视图框
- 如何更改<svg>标记为<img>用js标记
- 从远程脚本获取用户IP
- 如何通过自己获得Chrome扩展的用户反馈/错误报告
- d3基于用户选择动态更新节点
- 同步调用,直到用户通过angular验证为访问者
- 使用javascript搜索具有用户输入的数组
- 锚点元素不't使用svg时,请打开EDGE上的href
- 如何使用jquery确定用户是否年满18岁
- 将用户制作的SVG(raphael.js)发送到服务器(php),以便通过电子邮件发送
- 如何将SVG元素和Div放入图像中,以便用户可以下载
- 如何将SVG节点转换为PNG并下载给用户
- 如何根据用户输入更新D3 SVG图表
- 有没有什么方法可以让用户上传的SVG图像免受代码注入等的影响
- 在SVG和HTML中使用用户输入绘制和动画三角形
- 如何将用户绘制的网页中的SVG转换为PNG或JPG
- D3.js:在GA中跟踪用户与svg的交互
- 如何创建用户'好友的svg
- 在svg编辑器中转换路径,方法使用用户输入值绘制