javascript - 跟踪像素的动态响应？

Question

我正在 ASP.Net 4 MVC 架构中测试一些跟踪像素功能。

This article提供了一种设置跟踪像素(图像)的好方法，您可以使用它来读取访问者的环境参数并在完成响应之前在服务器端进行一些日志记录。

我想做的是根据像素来自的帐户 ID 注入(inject)一些 Javascript。在上面的示例中，ID 将通过设置一些查询字符串参数来设置。

从这段代码来看，它只能用于记录数据，因为响应类型是图像类型。

是否可以使用上面显示的方法来完成此操作？如果没有，我能否获得一些关于如何使用 Javascript 完成此操作并将其绑定(bind)到我的 .Net 体系结构中的建议/资源，在这种架构中，我可以根据某些逻辑向响应添加一些额外的 Javascript？

如果我没有其他选择去走 JS 路线，我猜它会是类似于 Google Analytics 跟踪脚本的东西，其中包括一些通过 JS 发回的参数。

谢谢。

Answer 1

如果客户端正在请求图像并期待图像，那么这就是您需要返回的内容。看看这种会生成图像请求的 HTML:

<img src="test.jpg">

清除客户端期望图像位返回，除此之外的任何东西都会弄乱该图像的显示。

如果您想将服务器提供的 javascript 放入页面中，那么只需让客户端请求一些像这样的 javascript:

<script src="test.js"></script>

然后您的服务器可以记录该请求并从该请求返回它想要的任何 javascript。如果你想为每个请求返回不同的 javascript，那么你将需要在浏览器中取消缓存(有很多是这样做的)以便始终从服务器请求 javascript。

一般来说，我猜您不需要为每个请求返回不同的 javascript。相反，您可以在客户端页面中放置一个通用的 javascript block ，该 javascript 可以检查环境并根据发现的内容进行分支。这就是 Google Analytics 的工作原理。一段常见的 javascript 被提供给客户端，该代码检查环境，然后发出一个带有不同参数集的 ajax 请求，导致正确的信息被记录在服务器上。