Javascript GTM:从事件收集坐标(x,y)
我有谷歌标签管理器的编辑权限。该工具是否可以在触发事件时在数据层中收集事件的坐标(x,y) 事件跳转的web元素可能会在时间上改变位置Javascript GTM:从事件收集坐标(x,y),javascript,jquery,google-tag-manager,web-analytics,Javascript,Jquery,Google Tag Manager,Web Analytics,我有谷歌标签管理器的编辑权限。该工具是否可以在触发事件时在数据层中收集事件的坐标(x,y) 事件跳转的web元素可能会在时间上改变位置 如何操作?在单击事件的情况下,您可以获得事件激活的坐标 怎么办 编写一个简单的JS函数,用鼠标点击得到x,y坐标 使用一些事件键将值推入数据层 在该数据层事件上通过GTM触发标记 此函数可以帮助您找到侦听事件的单击元素的位置,并通过position()的jQuery函数检测位置,所有这些都需要添加一个侦听器,此代码需要在页面上或自定义HTML标记内实现 $(
如何操作?在单击事件的情况下,您可以获得事件激活的坐标 怎么办
- 编写一个简单的JS函数,用鼠标点击得到x,y坐标
- 使用一些事件键将值推入数据层
- 在该数据层事件上通过GTM触发标记
$(“a”)。单击(函数(事件){
var loc=$(this.position();
数据层=window.dataLayer | |[];
push({'event':'click_element','posy':loc.top,'posx':loc.left});
});你好,保罗!谢谢你的回答。本研究的目的是在URL的屏幕截图上绘制点击热图。因此,我需要知道web元素是从什么位置触发的。因此@Kemen Paulos Plaza clickEvent位置将是一个很好的候选位置。我找到了:嗨,Mario,谢谢你的更新,是的,点击元素的事件位置是一个很好的选项,我更新mi答案以满足你的需要,这提取了点击元素的位置,考虑到选择器CSS名称,在这种情况下,要检测的元素仅链接,您可以将通配符*用于全选或任何其他CSS选择器。此外,此事件对HTML结构非常敏感,例如,如果链接位于div内,则用户可以单击该div或在“获取差异”位置单击相同的可视元素。这是听众普遍关心的问题