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

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

Webcomplex.com.ua Spined HTML

Как узнать проведенное время пользователем на сайте? | Как узнать проведенное время пользователем на сайте? | Skip to content WebComplex – самостоятельное создание сайтов HTML CSS SASS jQuery Как сделать? WebComplex – самостоятельное создание сайтов Все о самостоятельном создании сайта jQuery Как узнать проведенное время пользователем на сайте? 07.02.201507.02.2015 • by Дмитрий Британ Любой сайт ориентирован на своего посетителя и чем мы больше ми о нем знаем тем удобнее нам выстроить с ним работу. В сегодняшней статье мы рассмотрим jQuery плагин, который позволяет отследить время проведенное пользователем на сайте. На поиск сегодняшнего плагина меня натолкнул один комментарий, в котором была поставлена задача вывести всплывающее окно после определенного времени проведенного пользователем на сайте. Одним из условий было, чтобы время учитывало переход пользователя по внутренним ссылкам, т.е. не сбрасывалось при переходе на следующую страницу сайта, а учитывало время самого прибывание посетителя на ресурсе. Время проведенное  пользователем на сайте Плагин jQueryActivity отлично решает поставленную задачу. Сайт плагина jQueryActivity 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 transpiration select submit keydown keypress keyup error’ При зачёте достижения — не останавливаться, считать дальше. testPeriod по умолчанию равно 10. Время (в секундах) — периодичность проверки событий на странице. useMultiMode по умолчанию равно 0. Использовать cookie, для продолжения работы при переходах на другие страницы сайта. callBack по умолчанию равно function (e) { console.log(’Achieved!’) } CallBack-функция, которая будет отрабатывать по достижение времени achieveTime. watchEvery по умолчанию равно 1. Время (в секундах) — периодичность работы.   Ссылка на демо пример   Скачать архив демо примера This entry was posted in jQuery. Bookmark the permalink. 0 (2 голосов. Рейтинг: 5,00 из 5) Загрузка... Post navigation ← Как отформатировать текст в скайпе?jQuery Collage – плагин группировки изображений внутри контейнера → Добавить комментарий Отменить ответ Ваш e-mail не будет опубликован. Обязательные поля помечены *Комментарий Имя * E-mail * Сайт CSS | HTML | JavaScript | PHP | Plain Text | SQL | XHTML | XML | XSLT | Поиск по сайту Найти: Для начинающихОсновы HTML Основы jQuery ПолезноеOnline инструменты Шпаргалки Скачать Whimsy + WordPress