Question

I have this tracking function:

function trackMe(link, myID) {

    var trackPath = "http://www.theurl.com" + myID + "&size=1x1";

    var img = $('<img>');
    img.attr('src', trackPath);
    img.appendTo('div.promo');

}

Which is fired from an href as so:

<a href="http://www.togolink.com" onclick="trackMe(this, 'SpecialCode1');">Buy</a>

In Charles proxy, I receive the following error when I click on the href:

Client closed connection before receiving entire response

And the tracking pixel is not sent/received properly.

Any idea what would be causing this?

Answer 1

make the href="#" because this is being directed to http://www.togolink.com on click

<a href="#" onclick="trackMe(this, 'SpecialCode1');">Buy</a>

Also i think there should be a somemore thing between the link and myID something like

"http://www.theurl.com?id=" + myID + "&size=1x1";

Most important thing is, since you are already using jquery why are you using inline javascript why not jquery click event handler.

HTML:

<a href="#" link="http://www.theurl.com" id="SpecialCode1">Buy</a>
//you can change value of for attribute as per your requirement.

jquery:

$('a#SpecialCode1').click(function(){
    var link = $(this).attr("link");
    var myID = $(this).attr("id");
    var trackPath = link + myID + "&size=1x1";
    var img = $('<img>');
    img.attr('src', trackPath);
    img.appendTo('div.promo');
    window.location = link ;
});

EXAMPLE