Как узнать проведенное время пользователем на сайте?

Любой сайт ориентирован на своего посетителя и чем мы больше ми о нем знаем тем удобнее нам выстроить с ним работу. В сегодняшней статье мы рассмотрим jQuery плагин, который позволяет отследить время проведенное пользователем на сайте.

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

Время проведенное  пользователем на сайте

Плагин jQueryActivity отлично решает поставленную задачу.

[button-green url="//www.it-agency.ru/process/60seconds" target="_blank" position="center"]Сайт плагина jQueryActivity[/button-green]

1. Качаем плагин

Версия с комментариями

Минимизированная версия

2. Подключаем скрипты к проекту

<script src="jquery.js"></script>
<script src="jquery.activity.min.js"></script>

3. Активируем плагин

Тут все очень просто, применяем плагин к нужному селектору и прописываем настройки, например:

$(document).ready(function(){
    $('body').activity({
        'achieveTime':10
        ,'testPeriod':10
        ,useMultiMode: 1
        ,callBack: function (e) {
            alert('Hello, world!'); // тут ваш код
        }
    });
});

Таким образом указав useMultiMode: 1, мы включим куки для отслеживание время при передвижении пользователя по сайту, а параметр 'achieveTime':10 задает время после которого будет выполнен код в callBack функции.

4. Настройки

• achieveTime по умолчанию равно 60.
  Время (в секундах), при котором будет засчитано достижение (вызвана callBack-функция).
• loop = 0.
  При зачёте достижения — не останавливаться, считать дальше.
• eventList по умолчанию равно ’blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error’
  При зачёте достижения — не останавливаться, считать дальше.
• testPeriod по умолчанию равно 10.
  Время (в секундах) — периодичность проверки событий на странице.
• useMultiMode по умолчанию равно 0.
  Использовать cookie, для продолжения работы при переходах на другие страницы сайта.
• callBack по умолчанию равно function (e) { console.log(’Achieved!’) }
  CallBack-функция, которая будет отрабатывать по достижение времени achieveTime.
• watchEvery по умолчанию равно 1.
  Время (в секундах) — периодичность работы.

 

[button-green url="//demo.webcomplex.com.ua/07-02-2015/01/" target="_blank" position="center"]Ссылка на демо пример[/button-green]

 

[button-brown url="//demo.webcomplex.com.ua/07-02-2015/01/demo.zip" target="_blank" position="center"]Скачать архив демо примера[/button-brown]

Рубрика: jQuery