开发跟踪像素

php javascript pixel

2022-08-30 10:56:44

我正在尝试构建一个像素，用于跟踪用户访问时所在的当前URL。我可以使用JS（首选）或1x1图像像素。使用JS，我假设我需要对PHP脚本运行AJAX请求以捕获我需要的信息，并且使用图像像素时，我在获取当前URL时遇到问题。

我还考虑过使用JS对当前URL进行URL编码，并将带有编码的当前URL的图像像素作为查询字符串动态放置到PHP脚本中，但是我可以变得很长。

如果我要走AJAX路线，我可以使用哪个AJAX库？JQuery对于这个目的来说太臃肿了。

还有其他想法吗？

答案 1

您可以编写一个脚本，使用 GD 库（通常在现代版本中与 PHP 一起分发）使用 PHP 创建并返回用于跟踪目的的。如果您无权访问 GD，则始终可以在启用 GD 的情况下重新编译 PHP。.gif.jpeg.png

例：

pixel.php（为解释起见，已评论）：

<?php

  // Create an image, 1x1 pixel in size
  $im=imagecreate(1,1);

  // Set the background colour
  $white=imagecolorallocate($im,255,255,255);

  // Allocate the background colour
  imagesetpixel($im,1,1,$white);

  // Set the image type
  header("content-type:image/jpg");

  // Create a JPEG file from the image
  imagejpeg($im);

  // Free memory associated with the image
  imagedestroy($im);

?>

在一个简单的示例中，您可以使用以下示例 URL 在电子邮件或其他页面中调用此跟踪像素：

<img src="http://example.com/pixel.php?a=value1&b=value2&c=value3">

使用变量：

然后，您可以在图像标记中解析和解释传递给它的任何变量，简单来说：pixel.php$_GET

if (isset($_GET['a'])) {
  // (Do|log) act on a
}
if (isset($_GET['b'])) {
  // (Do|log) act on b
}
if (isset($_GET['c'])) {
  // (Do|log) act on c
}

根据需要应用和重复，但您可以对自己的工作非常复杂，特别是因为您可以通过在字符串上设置vars来访问有关用户的大量信息。$_GET

一个更适用的例子可能是：

<img src="http://example.com/pixel.php?userid=98798&campaign=302&last=8">

跟踪的不仅仅是_GET美元的变量：

您还可以使用PHP获取更多信息，例如：

// Server variables
$ip = $_SERVER['REMOTE_ADDR'];
$referer = $_SERVER['HTTP_REFERER'];
$useragent = $_SERVER['HTTP_USER_AGENT'];
$browser = get_browser(null, true);
etc...

然后可能插入到数据库中的跟踪表中：

$sql = "INSERT INTO campaign_tracking 
        ('when','campaign','last','ip','useragent') 
        VALUES 
        (NOW(),'$campaign','$last','$ip','$useragent')";

这是一种广泛用于跟踪电子邮件营销活动的基本方法，特别是在PHP中，但相同的方法适用于其他脚本/编程语言和库 - 也适用于其他目的。

有关GD的更多有用信息：

GD 参考 - php.net

答案 2

这是另一个跟踪像素的PHP实现，来自Open Web Analytics项目，该项目试图基本上成为Google Analytics的PHP克隆。

它返回一个1x1透明的GIF图像（不使用PHP图像库！），带有无缓存标头（对于准确跟踪很重要），并刷新输出，以便您可以继续处理分析而不会阻塞HTTP响应（性能）。这似乎是一个非常先进的实现，值得尝试。

<?php
ignore_user_abort(true);

// turn off gzip compression
if ( function_exists( 'apache_setenv' ) ) {
  apache_setenv( 'no-gzip', 1 );
}

ini_set('zlib.output_compression', 0);

// turn on output buffering if necessary
if (ob_get_level() == 0) {
  ob_start();
}

// removing any content encoding like gzip etc.
header('Content-encoding: none', true);

//check to ses if request is a POST
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  // the GIF should not be POSTed to, so do nothing...
  echo ' ';
} else {
  // return 1x1 pixel transparent gif
  header("Content-type: image/gif");
  // needed to avoid cache time on browser side
  header("Content-Length: 42");
  header("Cache-Control: private, no-cache, no-cache=Set-Cookie, proxy-revalidate");
  header("Expires: Wed, 11 Jan 2000 12:59:00 GMT");
  header("Last-Modified: Wed, 11 Jan 2006 12:59:00 GMT");
  header("Pragma: no-cache");

  echo sprintf('%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%',71,73,70,56,57,97,1,0,1,0,128,255,0,192,192,192,0,0,0,33,249,4,1,0,0,0,0,44,0,0,0,0,1,0,1,0,0,2,2,68,1,0,59);    
}

// flush all output buffers. No reason to make the user wait for OWA.
ob_flush();
flush();
ob_end_flush();

// DO ANALYTICS TRACKING HERE