PopUp окно

Здравствуйте, Всем. Сегодня поговорим на такую тему, как Pop-up (всплывающие) окна, далее просто ВО. В интернете я встречал много споров на тему, что сайту такие фишки вредят, лояльность посетителя к проекту уменьшается, всплывающие окна отпугивают пользователя и он сразу закрывает страницу испугавшись каких то процессов без его участия и опасаясь получить на свой компьютер заразу, ну или просто раздражаясь. Да это конечно все правильно, но просто большинство веб мастеров используют ВО для агрессивного показа рекламы, а это не всем по нраву. Думаю, что весь негатив к pop-up пошел именно из-за применения в рекламе, навязчивой формы. Но, если подумать, то этот инструмент также можно использовать и в благих намерениях. Об этом я и хочу порассуждать в этой публикации, описав в конце небольшой эксперимент (кейс по привлечению подписчиков на сайт).

Что такое всплывающее Pop-Up окно

Начнем с определения Pop-up окна. Итак...

Всплывающее окно (англ. pop-up) — окно, открываемое на экране компьютера в результате выполнения какой-либо операции. Wikipedia

Таким образом, это окно которое открывается на странице сайта после какого либо, заложенного в алгоритме скрипта, действия пользователя. Действия могут быть различные, например:

  1. навел мышкой на определенную область экрана (верх, низ, лево или право),
  2. прокрутил колесиком мышки страницу вниз (скроллинг),
  3. нажал на определенный элемент на странице,
  4. по истечению определенного промежутка времени и др.

Где применяются Pop-Up окна

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

Давайте разберемся с каждым методом использования ВО поподробнее.

Реклама во всплывающем окне

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

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

Для доказательства можно просто набрать в поисковике запрос, "всплывающие окна", при этом большая часть ответов будет с такими документами как:

  • Как заблокировать всплывающие окна.
  • Как убрать всплывающие окна.
  • Блокировка всплывающих окон и т.д.

Реклама в Pop-Up

Поэтому можно сказать следующее. На сайте стороннюю рекламу в Pop-Up окнах, с целью монетизации сайта, использовать не рекомендовано.

Но всплывающим окнам с рекламой можно найти и правильное применение. Давайте рассмотрим два примера.

Пример первый

Представим, что мы зашли на сайт, который продает автомобильные шины, и хотим купить летнюю резину, т.к. скоро зимний сезон заканчивается и необходимо переобуваться. Переходим в соответствующий раздел. И через несколько секунд видим окно с текстом, что только на этой неделе на всю ЗИМНЮЮ резину скидка по акции 30%. Это будет как минимум не вовремя. Да, покинуть сайт такое предложение может и не заставит, но заставить усомниться в компетентности продавца может запросто, а это снижает шанс получить клиента.

Пример второй

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

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

Удачный подход с рекламой на сайте применяет сайт, интернет магазин компьютерной техники см. картинку ниже.

Подход с рекламой на сайте

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

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

Всплывающая подсказка - краткое описание некоторого объекта на странице, которое появляется при наведении на этот объект курсора мышки.

Подсказками на сайте пользоваться можно и нужно, это может благоприятно сказаться как на поведении пользователя на странице, так и на коммуникации с посетителями сайта. Но есть некоторые рекомендации для правильного использования ВО с подсказками:

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

Подсказки должны использоваться не слишком часто и только тогда, когда они важны для пользователя, пытающегося выполнить определенную задачу. Одно из практических правил: не используйте подсказку, если нужная пользователю информация находится где-то в другом месте того же интерфейса. Эффективная подсказка должна четко разъяснять непонятное действие.

Уточнение для сайта, чтобы информация была релевантная

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

Выбор города в Попап окне

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

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

Предложение подписаться на рассылку

Еще один способ извлечь выгоду из инструмента попап окна, это организовать подписку на новостную или RSS рассылку сайта. Таким методом можно непринужденно подсказать посетителю, что он может быть всегда в курсе последних новостей Вашего сайта, просто оформив подписку на рассылку.

Некоторые нюансы, которые нужно учесть:

  • Окно появляется, когда посетитель уже собирается закрыть страницу.
  • В окне минимум информации.
  • Подписка по максимуму упрощена.
  • Публикация новых материалов достаточно частая, иначе смысла собирать базу подписчиков нет.

Email подписка на RSS

Кейс как увеличить базу подписчиков на сайте

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

Есть сайт с небольшой посещаемостью, порядка 200-300 посетителей в сутки. На начало эксперимента подписчиков было около 50 человек см. картинку ниже. Новости публиковались два раза в неделю.

Кейс увеличить email подписчиков

Идея, которую нужно было проверить, заключалась в том, что если на сайте во всплывающем окне организовать механизм, который предложит посетителю подписаться, то:

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

 Что и как было сделано

Было принято решение, что форма должна всплывать в тот момент, когда посетитель наводит мышкой на верхнюю область сайта, тем самым как бы собираясь покидать страницу:

  • нажать в браузере стрелку назад,
  • выбрать другую открытую вкладку в браузере,
  • нажать крестик и закрыть вкладку сайта.

Окно должно всплывать не чаще одного раза в сутки для уникального посетителя. Т.е. при возвращении на сайт, или продолжении серфинга по сайту после того как он уже увидел Pop-Up в течении дня, больше ВО не появится, тем самым не будет раздражать посетителя постоянной необходимостью закрывать окна.

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

PopUp для Email рассылки

Прошло два месяца с начала эксперимента и можно посмотреть на первые результаты:

Количество подписавшихся выросло до 137 человек, это 90 человек за два месяца. Активных конечно меньше 130, но нас интересовало именно количество оставивших свой email.

Количество подписчиков после эксперемента

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

Время на сайте

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

Отказы

Выводы. Стоит ли пользоваться всплывающим окном на сайте

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


Поделись с друзьями

Поделиться
Плюсануть
Поделиться

Не пропускайте новые материалы, получайте анонсы прямо на e-mail!

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

Защитный код
Обновить

Комментарии  

Лиетта Новикова
0 # Лиетта Новикова 18.10.2016 11:20
Эта статья изменила мою точку зрения касательно всплывающих окон!Столько много полезного узнала, да и еще на примерах все разъяснено! Раньше всегда злилась, когда видела подобные окна на сайтах, а прочитав эту статью, еще раз убедилась, что ко всему нужно подходить с умом. Сейчас сама хочу открыть свою фотостудию, параллельно идет работа над созданием сайта. Думаю, что можно будет использовать эту функцию для размещения информации, касающейся акций и скидок. Сохраню эту статью к себе в закладки и буду возвращаться по мере надобности.
Ответить | Ответить с цитатой | Цитировать | Сообщить модератору
Ирэна
0 # Ирэна 01.09.2016 15:02
Подскажите, если для сайта с женской тематикой предложить в таком окне бесплатные плюшки типа сборника рецептов, электронной книги или другого нужного материала, это реально может увеличить количество подписок?
Ответить | Ответить с цитатой | Цитировать | Сообщить модератору
Маким
0 # Маким 01.09.2016 16:56
Конечно будет результат, главное понимание зачем Вам нужны эти данные... Как вы ими в дальнейшем распорядитесь. Ну и конечно плюшки должны быть стоящими. :-)
Ответить | Ответить с цитатой | Цитировать | Сообщить модератору
oks314
0 # oks314 31.08.2016 19:41
Хорошо продумывать и мобильную версию всплывающей подсказки! А то бывает на сайте все хорошо работает, а со смартфона не зайти на сайт вообще.
Ответить | Ответить с цитатой | Цитировать | Сообщить модератору
Елена
0 # Елена 25.08.2016 12:50
Безусловно: "умная", продуманная и неагрессивная (это особенно важно) реклама позволит получить прибыль владельцу сайта и создаст комфортные условия для пользователя.
Ответить | Ответить с цитатой | Цитировать | Сообщить модератору
Сергей
0 # Сергей 14.04.2016 10:01
Наверно, не стоит злоупотреблять всплывающими окнами, во всём нужна разумность. Мне понравился один сайт, где в правом верхнем углу было окошко с возможностью подписки и отправки вопроса. Это было ненавязчиво и очень удобно.
Ответить | Ответить с цитатой | Цитировать | Сообщить модератору