在我的网站上使用生成的 jquery 跟踪链接点击，在其他人的网站上使用答案

【问题标题】：Track link clicks with generated jquery on my site, used on other people sites在我的网站上使用生成的 jquery 跟踪链接点击，在其他人的网站上使用
【发布时间】：2014-10-08 04:34:14
【问题描述】：

我一直在到处寻找解决方案，但找不到...

我有一个用于附属公司（我的用户）的 jquery 生成器，它会在视频结尾自动用他的目标 URL 广告图片，我需要跟踪 wordpress 数据库中的链接。

流程图： 从我的网站生成带有目标链接的 Jquery 代码 -> 用户将代码放在他的网站上 -> 用户访问者点击他网站上的目标内容 -> 我使用 jquery 跟踪这些点击，这样我就可以向我的用户显示有多少人点击了他的广告。

我的问题是如何简单地跟踪从带有我的 jquery 代码的外部网站对目标内容的点击次数？

谢谢你，我希望我的回答也能帮助像我一样有类似问题的其他人:)

【问题讨论】：

标签： javascript jquery wordpress

【解决方案1】：

我们在工作场所使用的解决方案是一个 1px 宽和 1px 高的图像标签。您可以在图像的src 属性中放入指向在数据库中添加点击事件的PHP 脚本的链接。

所以 jQuery 将如下所示：

$('.ad').click(function(){
    $(this).append('<img src="http://somesite.com/tracking.php?ref=code" width="1" height="1">');
})

tracking.php 应该是这样的：

<?php
  // connect to database
  // insert in database click for site with refferal $_GET['code']


  // code for returning the image
  $img=imagecreate(1,1);
  $color=imagecolorallocate($img,0,0,0);
  imagesetpixel($im,1,1,$white);
  header("content-type:image/jpg");
  imagejpeg($img);
  imagedestroy($img);
?>

【讨论】：

感谢您提供快速而出色的解决方案，我将开始实施并看看效果如何:)
还添加了代码以返回带有正确标题的图像。
仅供参考此方法通常称为“图像信标”。谷歌了解更多信息。
我们称之为跟踪像素。