В данной заметке приведен пример скрипта на jQuery, который откроет модальное окно при попытке посетителя покинуть страницу.

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

Уже уходите?

А у нас еще много всякого интересного!!!

+

Работает данный способ просто: Как только мышка вылезла вверх к адресной строке, вкладкам и кнопке закрытия страницы – открывается модальное окно.

Пример можно поглядеть на этой странице.

Скрипт сделан таким образом, что на одной странице окно появится только 1 раз (при обновлении страницы или на любой другой, где он подключен, окно появится снова).

Установка:

Если нужно, чтобы окно появлялось только 1 раз на всем сайте, используем cookie.

В этом случае JS нужно поставить такой:

Не забудьте, что на сайте должна быть подключена библиотека jQuery.

Комментарии:

  • Светлана:

    Я что то не пойму, а как работает крестик, который закрывает окно?

    Ответить
    • Alexander:

      Он никак не работает :) Для красоты просто :)
      А закрытие окна происходит при клике вне окна.

      Ответить
  • Александр:

    А как сделать такое,чтобы на мобильном работало? не нашёл решений

    Ответить
    • Alexander:

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

      Есть скрипты, которые предупреждают об уходе со страницы (переход по ссылке, закрытие окна или браузера). На мобильном не проверял правда их работу.
      Но там текст пишет сам браузер, например: Эта страница просит вас подтвердить, что вы хотите уйти — при этом введённые вами данные могут не сохраниться.
      Изменить там что то не получится,

      Ответить
  • Сергей:

    Здравствуйте. В статье вы говорите, что скрипт на одной странице появится только 1 раз. Подскажите, как вы это реализовали? Я сделал то же самое по вашей инструкции, но у меня скрипт срабатывает каждый раз, когда курсор выходит из области документа.

    Ответить
    • Alexander:

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

      Ответить
  • Павел:

    Конструктор Date разве не должен быть со скобками?

    Ответить
  • waak:

    как сделать закрытие окна по клику на кнопку а не на область в не окна

    Ответить

Добавить комментарий

Ваш комментарий отправлен!