添加跟蹤像素jQuery圖像輪播中的每個圖像

Question

我有一個圖像輪播寫在jQuery中。現在我需要能夠跟蹤哪些單個圖像被顯示，哪些被點擊。我獲得了我的點擊次數網址和我的查看次數標記，但我不確定如何執行此操作。

1. 如何/在哪裏添加單個圖像的視圖計數標記？在CSS中作爲背景圖片？在圖像後的php/html代碼中？

2. 考慮到頁面加載時重新加載的所有圖像以及溢出被隱藏，我怎麼能知道哪些圖像已經顯示給用戶？我正在考慮像傳送帶移動引發的回調，所以它會重新加載當前可見的圖像？

任何幫助非常感謝！

Answer 1

爲什麼你需要添加更多的HTML？您的服務器已經可以處理這個問題了：

最簡單的情況下，只需將您的圖像作爲/getandtrack.php?image=/images/etc.png而不是/images/etc.png。然後getandtrack.php進行跟蹤，然後重定向到請求的圖像。

<?php 
$image = @$_GET['image']; 
if($image) { 
    doTracking($image); 
    header('Location: ' . $image) 
}