php - 将跟踪像素添加到 jquery 图像轮播中的每个图像

Question

我有一个用 jquery 编写的图像轮播。现在我需要能够跟踪显示了哪些单个图像以及单击了哪些图像。我得到了我的点击计数 URL 和我的观看计数标签，但我不确定如何执行此操作。

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)
}