Периодически возникает вопрос, как можно отследить у пользователя сайта без использования JavaScript:
- браузер;
- разрешение экрана;
- используемые шрифты;
- нажимаемые внешние ссылки;
- элементы, на которые наводится курсор мыши
Решить задачу можно через возможность загружать через CSS внешние ресурсы, используя url("ссылка на картинку или скрипт").
Например, для определения перехода по ссылке можно указать:
#clicklnk:active::after {
content: url("path.php?action=clicklnk_clicked");
}
Для отслеживания разрешения можно использовать @supports, и для отслеживания шрифтов, соответственно font-face.