JavaScript:将 Google Analytics/Yandex.Metrica 减少到推荐人和屏幕大小

Question

我不愿意在我的网站上嵌入外部 JavaScript 来执行我实际上不需要的各种跟踪。

我需要的是引荐来源网址和屏幕尺寸，这不能仅通过静态 HTML img 标记来完成。

什么是最符合标准、浏览器支持和呈现友好的方式来加载不可见的图像，1×1 gif，并将引荐来源网址和屏幕尺寸作为 URL 的一部分？

我正在寻找一个通用的答案，尽管您总是可以用 Google Analytics GIF Request Parameters 来表达它.

Answer 1

document.referrer 将为您提供推荐人。

window.screen.width 和 window.screen.height 将为您提供屏幕分辨率。

您可以将它们与 new Image() 一起使用，让浏览器请求跟踪像素。使用 encodeURIComponent 在将值附加到 URL 之前对其进行清理。

var r = encodeURIComponent(document.referrer),
    x = window.screen.width,
    y = window.screen.height,
    img = new Image();
img.src = '/tracking.gif?x=' + x + '&y=' + y + '&r=' + r;

请注意，在后续请求中，这将被缓存，因此您不会获得综合浏览量的计数(尽管您没有说您想要这个)。这可能是理想的行为，因为您将获得隐式的唯一访问者跟踪。但是，要绕过缓存，您可以通过 new Date().getTime(); 添加诸如当前时间戳之类的内容作为附加参数。