Блог

Окна удержания посетителя

  • Евгений Ц.
  • Нет комментариев

Ввиду высокой конкуренции и возрастающего количества ресурсов в сети, проблема удержания посетителя на сайте становится довольно острой. Время проведенное на сайте сказывается на ранжировании поисковыми системами, чем дольше посетители задерживаются на вашем сайте, тем выше растет рейтинг. Если же сайт имеет выраженную коммерческую тематику, например интернет-магазин, то у вас будет возможность сделать потенциальному клиенту выгодное предложение: скидку, купон, бесплатную доставку и т.д. Одним из способов удержания посетителя являются окна с каким-либо выгодным предложением. Окно может отображаться через определенное время, проведенное на сайте, подталкивая посетителя к совершению целевого действия, либо при попытке ухода с сайта, когда посетитель ведет курсор к закрытию или переключению вкладки.
Два этих примера и будут рассмотрены ниже.

1. Окно по таймеру

Появляется после определенного времени, проведенного на сайте.

Javascript

$(document).ready(function () {
	var timeDelay = 5; //Задержка в секундах
	var timeNow = parseInt(new Date().getTime() / 1000);
	var timeShow = parseInt(localStorage.getItem('timeShow'));
	if (!timeShow || timeShow==0) {
		timeShow = parseInt(timeNow + timeDelay);
		localStorage.setItem('timeShow', timeShow);
	}
	var timeout=timeShow-timeNow;
	if (timeout>0)
	setTimeout(function () {
		alert('Сообщение');
		localStorage.setItem('timeShow', 0);
	}, timeout*1000);
});

Вместо alert('Сообщение'); вы можете подставить вызов модального окна.

Посмотреть пример

1. Окно при попытке выхода

Появляется когда посетитель ведет курсор вверх и выходит за границу документа.

Javascript

localStorage.setItem('modal1', 0);
var clientY, moveUp;
document.addEventListener('mousemove', mouseMoveUp);
function mouseMoveUp(e){
    (e.pageY<clientY) ? moveUp=true : moveUp=false;
    clientY=e.pageY;
}
$(document).mouseleave(function () {
    if (moveUp && localStorage.getItem('modal1')!=1){
    localStorage.setItem('modal1', 1);
    alert('Сообщение');
}
});
Посмотреть пример

Комментарии ()

    Оставить комментарий

    *Ваш email адрес не будет опубликован.

    Введите сумму 10 + 6 =