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(); в качестве дополнительного параметра.