CTOproject

Следим за пользователем с помощью CSS

Периодически возникает вопрос, как можно отследить у пользователя сайта без использования JavaScript:

• браузер;
• разрешение экрана;
• используемые шрифты;
• нажимаемые внешние ссылки;
• элементы, на которые наводится курсор мыши

Решить задачу можно через возможность загружать через CSS внешние ресурсы, используя url("ссылка на картинку или скрипт").

Например, для определения перехода по ссылке можно указать:

#clicklnk:active::after {
    content: url("path.php?action=clicklnk_clicked");
}

Для отслеживания разрешения можно использовать @supports, и для отслеживания шрифтов, соответственно font-face.