javascript - 构建自定义印象跟踪器

Question

对于我正在构建的 Web 应用程序，我需要能够知道 div 何时进入用户浏览器，本质上是跟踪印象的发生。

我发布这个是为了看看是否有人能指出我正确的方向来实现这个结果。我不确定如何跟踪项目何时进入 Web 浏览器的视图。这可以通过jQuery实现吗？任何指针将不胜感激。

score 0 · Accepted Answer

`<script>`标签

<script>标签在放置在 DOM 中时运行。

您可以<script>向要放置的标签添加标签<div>，当它在 DOM 中加载时，脚本可以执行 AJAX 请求，让您知道它已被加载。

<script>track_me("special_div");</script>

在您的服务器上创建一个 1px x 1px 图像，将其放置在带有 img 标签的 div 中的某个位置，这样<img src="/pixel.png?ref=my_div" />就可以在您的服务器日志中进行跟踪。您可以更改ref为表示不同的跟踪项目。

当图像放置在 dom 中并且可见时，将发出请求。

您将必须专门为此图像设置缓存，使其永远不会被浏览器缓存。