javascript - JavaScript：将 Google Analytics/Yandex.Metrica 缩小为引荐来源网址和屏幕大小

Question

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

img我需要的是引荐来源网址和屏幕尺寸，仅靠静态 HTML 标记无法实现。

什么是最符合标准、浏览器支持和渲染友好的加载不可见图像的方式，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();内容作为附加参数。