Отслеживание пикселя с помощью 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'; 
});