Всплывающее окно для пользы дела

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

 

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

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

Основные (минимальные) свойства всплывающего окна:

Ссылка для перехода на нужную страницу или сайт

Кнопка закрытия окна

Свёртывание всплывающего окна через определенное время

Ссылка для перехода на нужную страницу или сайт -

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

Время жизни Cookies при следующих действиях пользователя:

Ссылка для перехода на нужную страницу или сайт - 30 дней

Кнопка закрытия окна —7 дней

Свёртывание всплывающего окна через определенное время (15 секунд) — 1 день

 

Для реализации нам понадобятся следующие плагины jQuery:


jquery.сookies.js - создание, удаление, изменение Cookies средствами ява скрипта (js)
jquery.jcarousel.js — известный плагин прокрутки фотографий, если конечно они у нас есть. Благодаря ему мы отобразим в окне блок с прокруткой превьюшек (карусель).

По мимо всего прочего постараемся избежать лишнего веса нашей вертки html путем использования иконок от font awesome.

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

 

теги: время,всплывающ,закрытия,через