使用javascript跟踪像素

Question

我有一个跟踪像素，我需要在JS中加载，只需点击一下按钮。所以过程如下：

1. 用户点击链接
2. 我阻止点击（e.preventDefault）
3. 加载跟踪像素
4. 重定向用户

以下是代码：

$('.btn-cta').on('click', function (e) {
   e.preventDefault();
   $('body').append('<img width="1" height="1" src="http://main.exoclick.com/tag.php?goal=xyz">');
   window.location.replace($(this).attr('href'));
});

我的问题是，没有100％的点击用户被跟踪，似乎约有40/50％的人没有被跟踪。我没有看到另一种方法，你有更好的想法在JS中跟踪这种事情吗？

欢迎所有想法。

约翰

Answer 1

等待图像加载，然后重定向。

$('.btn-cta').on('click', function (e) {
   e.preventDefault();

    var url = $(this).attr('href');
    var track = new Image();
    track.onload = function(){
        window.location.replace( url );
    };
    // in case the tracking server is down or misconfigured (see comments)
    // otherwise the navigation would be broken.
    track.onerror = function(){
        window.location.replace( url );
    };
    track.src = 'http://main.exoclick.com/tag.php?goal=xyz';
});