JQUERY: как вести логи действий пользователя
Как отслеживать действия пользователей на сайте.
Для работы необходима библиотека JQUERY.
Данное решение будет полезным для тех, кому необходимо отслеживать какие-то пользовательские действия, к примеру кликнул пользователь по кнопке или нет, ввел капчу при клике на кнопку или нет.
Сам JS в данном случае будет следующим, если вынести код в отдельный .js файл:
PHP скрипт, который будет составлять лог-файл:
Таким образом, можно собирать различную информацию о действиях пользователей вашего сайта, если скрипт немного оптимизировать и дописать, то можно будет строить на основе полученных данных графики для наглядности.
Для работы необходима библиотека JQUERY.
Данное решение будет полезным для тех, кому необходимо отслеживать какие-то пользовательские действия, к примеру кликнул пользователь по кнопке или нет, ввел капчу при клике на кнопку или нет.
Сам JS в данном случае будет следующим, если вынести код в отдельный .js файл:
$(function(){
// Допустим у нас есть кнопка с классом submit,
// и нам надо отслеживать клики по ней
$(".submit").click(function() {
// Плюс будем отслеживать какие-то значения которые
// вводит к примеру пользователь в форме.
// (можно отслеживать изменяющиеся значения атрибутов элементов)
// Пускай это будет текст, и title какого-нибудь изображения.
// val() - указывает на значение value элемента формы
var text_form = $("#text").val();
var title_image = $("#image").attr("title");
// Проверяем существует ли значение title у нашего изображения
// и если нет, то зададим ему false
if (title_image === undefined) {
title_image = 'false';
}
// Далее через ajax передаем наши значения PHP скрипту
$.ajax({
type: 'post',
dataType: 'json',
url: '/ajax.php',
data: {
text_form: text_form,
title_image: title_image
},
});
});
});
PHP скрипт, который будет составлять лог-файл:
// Указываем файл для логов (перед этим его необходимо создать и дать права на запись.
$file="click_log.html";
// Укажем полную дату
$date = date("c");
// Через POST получаем значения переданные аяксом
$text_form = $_POST['text_form'];
$title_image = $_POST['title_image'];
// Если файла нету тогда ничего не происходит,
// т.к. скорей всего прав на создание файла в директории нет
// то его будем создавать вручную, а не скриптом.
if(file_exists($file)){
// Открываем файл ("r" - считывать "w" - создавать "a" - добавлять к тексту)
$fp = fopen($file, "a");
// Записываем в него наши данные
fwrite($fp, $date.' | '.$text_form.' | '.$title_image.'<br>');
// Закрываем файл
fclose($fp);
}
Таким образом, можно собирать различную информацию о действиях пользователей вашего сайта, если скрипт немного оптимизировать и дописать, то можно будет строить на основе полученных данных графики для наглядности.