添加跟踪像素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) 
}