将跟踪像素添加到 jQuery 图像轮播中的每个图像


add tracking pixel to each image in jquery image carousel

我有一个用jquery编写的图像轮播。 现在我需要能够跟踪显示哪些单独的图像以及单击哪些图像。 我得到了点击次数网址和观看次数标签,但我不确定该怎么做。

  1. 如何/在哪里为单个图像添加观看次数标记? 在 CSS 中作为背景图像? 在图像之后的 php/html 代码中?

  2. 考虑到页面加载时重新加载的所有图像,并且溢出是隐藏的,我如何知道向用户显示了哪些图像? 我在想轮播移动触发的回调之类的东西,所以它会重新加载当前可见的图像?

任何帮助非常感谢!

为什么需要向 html 添加更多内容?您的服务器已经可以处理此问题:

在最简单的情况下,只需将图像服务器为/getandtrack.php?image=/images/etc.png而不是/images/etc.png。然后getandtrack.php进行跟踪,然后重定向到请求的图像。

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