向鏈接添加像素跟蹤

Question

我有一家營銷公司向我發送了一堆1x1像素的跟蹤圖像以添加到頁面。這些都很好，沒有問題。

他們還希望其中一個追蹤器添加到另一個頁面的鏈接中，這就是問題所在。

繼承人的像素追蹤工具的例子：（去掉實際鏈接）

<img class="fmfjfemzqkmxnkeezyst" width="1" height="1" src="//insight.adsrvr.org/track/conv/123" alt="" style="border-style:none;"> 

我究竟如何添加這需要點擊時觸發一個鏈接？我最初的想法是將「src」直接添加到「一個標籤」，但回頭看，這沒有任何意義。

Answer 1

您可以將圖像追加到DOM，使其呈現鏈接的點擊，同時防止違約，跟蹤器後追加：

$("a#imgtracker").click(function (e) { 

    e.preventDefault(); 

    $("body").append('<img class="fmfjfemzqkmxnkeezyst" width="1" height="1" src="//insight.adsrvr.org/track/conv/123" alt="" style="border-style:none;">'); 

    location.href = $(this).attr("href"); //or hardcode the url here 

});