javascript - 为什么 JavaScript 跟踪器使用 img 标签而不是 XMLHttpRequest？

Question

我正在尝试构建一个 javascript 分析跟踪器，例如 Google Analytics。我试图查看一些其他实现的源代码，他们使用 img 或 script 标记来调用 API 后端进行跟踪。

我想知道为什么他们不使用 XMLHttpRequest 来发出请求？我的猜测是避免被反跟踪器阻止，但不确定。

有人知道吗？

Answer 1

几个原因:

• 旧版:例如 Google Analytics 以前是 Urchin在“像素”跟踪是前端分析的事实标准时创建

• 浏览器兼容性:<img>和 <script>它们的实现都是相同的(只需添加标签)，XMLHttpRequest 的情况并非如此。使用较旧的浏览器。

• 易于实现:只需添加 <img>和 <script>它与 XMLHttpRequest 一起工作你实际上需要写一些代码

• 健壮性/防止阻塞:<img>更难被检测为与广告/跟踪相关，因为从另一个具有复杂外观 URL 的域加载图像实际上是常见的做法(例如想想 CDN)

• Web/Email 跨平台:您可以使用 <img> 实现对电子邮件的跟踪, 你不能用 <script> (出于安全原因被阻止)。

• JavaScript 支持:禁用 JS，像素跟踪仍然有效