如何通过Google标签管理器获取鼠标的X和Y坐标？

Question

我需要一些方法来在单击发生时访问鼠标的坐标。我查看了内置变量，但 none 似乎包含坐标信息。我也看到了解决问题的代码，但需要在页面上实现。我需要一些东西，如果可能的话，完全在 google 标签管理器上。

Answer 1

GTM 中没有鼠标位置的内置变量。在这种情况下，您需要创建一个自定义 JS 变量来检索此信息。

This answer 展示了如何使用纯 JS 获取此信息。

Answer 2

我最终创建了一个自定义 HTML 标签并使用 gtm.click 事件触发它。

标签代码如下：

<script>
  (function() {
    var el = document.body;
    var ell = document.documentElement

    document.onclick = function(e) {
      window.dataLayer.push({
        event: 'custom.event.' + e.type,
        coord_X: e.clientX + el.scrollLeft + ell.scrollLeft,
        coord_Y: e.clientY + el.scrollTop + ell.scrollTop
      });
    };    
  })();
</script>

来自this link

的巨大灵感

如何通过Google标签管理器获取鼠标的X和Y坐标？

How to get the X and Y coordinates of the mouse via Google Tag Manager?

javascript

google-tag-manager