29 февраля 2012 PHP jQuery

JQUERY: как вести логи действий пользователя

Как отслеживать действия пользователей на сайте.

Для работы необходима библиотека 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);
```
```
}
```

Таким образом, можно собирать различную информацию о действиях пользователей вашего сайта, если скрипт немного оптимизировать и дописать, то можно будет строить на основе полученных данных графики для наглядности.

Поделиться в социальных сетях