javascript - Piwik 如何跟踪链接点击事件？

Question

我个人不使用 Piwik。我开发了一个 JavaScript 工具/库，用于在 SharePoint 中创建菜单系统，并且使用我的库的人询问是否合并 Piwik。

从我读到的内容中，我可以看到 Piwik 捕获/跟踪 click事件。我怀疑它默认对 <a> 执行此操作具有 href 的标签属性。

我的 JS 库创建 <div>带有 onclick 的元素事件。我已阅读并理解我可以使用 Piwik 的 trackLink 手动触发点击事件功能函数。由于多种原因，我想避免这样做。

所以我想看看 Piwik 如何准确地跟踪点击事件，这样我就可以弄清楚如何以更通用的方式合并它。我想也许我可以做我的onclick通过创建 <a> 来伪造某些事件元素并执行它的 click事件，但不确定这是否有效。

Answer 1

看看 Piwik 的 JS tracker source code .

例如:

• enableLinkTracking()

  The default behaviour is to use actual click events. However, some browsers (e.g., Firefox, Opera, and Konqueror) don't generate click events for the middle mouse button.

  To capture more "clicks", the pseudo click-handler uses mousedown + mouseup events. This is not industry standard and is vulnerable to false positives (e.g., drag events).

• addClickListener()

      function addClickListener(element, enable) {
          addEventListener(element, 'click', clickHandler(enable), false);
  
          if (enable) {
              addEventListener(element, 'mouseup', clickHandler(enable), false);
              addEventListener(element, 'mousedown', clickHandler(enable), false);
              addEventListener(element, 'contextmenu', clickHandler(enable), false);
          }
      }