javascript - 嵌入跟踪某些 DOM 元素点击的代码(问题出在重定向的链接/按钮上)

Question

假设我有一个嵌入代码，其中包含一个脚本，可以将事件添加到某些 DOM 元素。这些通常是链接或按钮。一旦调用了一个事件，我就会执行一个 ajax 调用来记录该点击事件。

问题来自重定向的链接。因此，向

添加一个 onclick 事件

<a href="http://google.com">link</a>

可能不起作用，因为在通过 ajax 调用记录事件之前页面将被重定向。

显然，Google Analytics、Omniture 等网站在跟踪转化时会这样做。有什么好的方法可以解决这个问题吗？

此外，假设这一切都适用于嵌入代码(就像 Google Analytics)——所以我们不能过多地修改 html 代码。

如果 ajax 调用失败，页面仍然需要重定向。

Answer 1

劫持点击，阻止默认，然后在回调上触发重定向。

var链接='';$("a").click(函数(e){ e.preventDefault(); link = $(this).attr("href"); $.ajax( .... 函数 () { window.location = 链接； })});