Всплывающие окна: как сделать их не раздражающими, а привлекающими?
Чрезмерная анимация на сайте негативно сказывается на поведенческих факторах. Постоянно появляющиеся предложения, баннеры, другие активные инструменты рекламы на онлайн-ресурсе нередко приводят к тому, что посетители отвлекаются от основной информации и попросту уходят к конкурентам. Так что, полностью отказаться от использования всплывающих окон? Ни в коем случае, ведь при правильном подходе они будут эффективно работать на вас.
Основные виды всплывающих окон
Прежде чем определять, как именно нужно использовать такой анимационный инструмент, как всплывающие окна, рассмотрим, какими бывают технологии его создания. Их две:
- Попап (Pop-Up) − при переходе на интернет-сайт баннер перекрывает экран пользователя, работать с информацией можно только после закрытия окна;
- Попандер (Pop-Under) − появление баннера не мешает гостю изучать сведения на сайте.
Достаточно часто все всплывающие окна называют попапами, но это неправильно, и теперь вы знаете, почему. Каких целей можно достичь путём использования такого инструмента? Применение окон на практике необходимо для:
донесения сведений потенциальным клиентам об акциях, специальных предложениях;
продвижения нового товара или услуги;
предложения подписаться на рассылку новостей или других сведений;
напоминания о незавершённом заказе и находящихся в онлайн-корзине товарах.
Традиционно всплывающие окна состоят из набора определённых элементов. Основные из них следующие: заголовок, короткий текст, передающий суть вашего предложения, призыв к действию, картинка, кнопки заказа и закрытия окна.
Каким должен быть контент окна?
Большинство людей в отношении всплывающих окон настроены скептически и считают, что пользователи закрывают их даже не начиная читать. На самом деле это не так. Информация будет воспринята, если она окажется:
- Полезной. Маленькая скидка в несколько процентов или перевод незначительной суммы на счёт уже никого не удивляют, предлагаемые бонусы должны быть привлекательными.
- Уместной. Сведения, содержащиеся во всплывающем окне, должны соответствовать разделу, в котором находится пользователь. На главной странице баннер вообще лучше не использовать, ведь гостю нужно сначала ознакомиться с информацией на онлайн-ресурсе. Удачные варианты − предложения о подписке на рассылку в блоге, данные об акционных товарах релевантного раздела, демонстрация сведений о сопутствующих позициях к выбранной продукции или услуге.
Пример неудачного окна:
Пример удачного окна:
- Понятной. Суть вашего предложения должна быть передана кратко и при этом ёмко. Длинные посылы и сумбурно поданные сведения оттолкнут посетителя. Не забудьте подчеркнуть, в чём состоит выгода для клиента. Формулировка может быть, например, такой: «Подарим 1000 рублей за оформление подписки на новости» + форма подписки.
Неудачно сформулированное размытое предложение:
Пример хорошего текста:
- Визуально привлекательной. От использования анимационных элементов лучше отказаться вообще. Нужно обратить внимание на цветовую гамму всплывающего окна: она должна быть приятной, контрастировать с текстом. Видео и музыку не стоит добавлять, лучше вставить картинки (главное, чтобы они были качественными).
Неудачное решение:
Хороший вариант:
- Сохраняющей возможность отказа. Гостю интернет-ресурса должна быть хорошо видна кнопка, позволяющая закрыть окно.
- Ненавязчивой. Каждый из пользователей должен увидеть ваше предложение не более одного раза. Повторная демонстрация допускается через неделю. Окно нужно сделать небольшим, занимающим не более четверти экрана.
Технические особенности добавления всплывающего окна
Добавление всплывающего окна на веб-сайт может быть выполнено с использованием HTML и JavaScript, плагинов применяемой системы управления содержимым, готовых сервисов (например, Witget, PopMechanic, CartProtector).
Основными вариантами настройки являются:
- Демонстрация всплывающего окна по прошествии определённого времени. Оптимальный промежуток − 30-90 секунд после того, как гость зашёл на сайт, вероятно, он уже успел ознакомиться с основной информацией.
- Сообщения, показываемые новым пользователям. В этом случае окно тоже должно появиться не сразу, чтобы не оттолкнуть потенциального клиента. За первый заказ или регистрацию стоит предложить большой бонус, от которого будет просто невозможно отказаться. Такой баннер можно разместить даже на главной странице.
- Появление окна после прокрутки страницы до определённого места. Такое решение подходит для статей, а также для каталога. Если человек долго изучает сведения, ему можно предложить рекламную информацию. Оптимальный вариант − 50-70% прокрутки страницы.
- Показ перед уходом с сайта. Если курсор движется в зону закрытия вкладки, самое время показать окно, возможно, оно заинтересует и удержит пользователя.
- Сообщение для ранее заходивших гостей. Если посетитель проявил заинтересованность в вашем предложении, можно предоставить ему больше информации.
Обратите внимание, что обходить системы блокировки не стоит: если гость использует их для защиты от рекламы, уважайте его права.
Вопросы аналитики
Перед тем как запускать всплывающее окно, необходимо настроить цели в Яндекс.Метрике. Это даст возможность понять, как пользователи реагируют на предлагаемую им информацию. Цели должны быть составными, следите не только за кликом пользователя, но и показами окон. Такой подход позволит выполнить оценку эффективности инструмента.
Правильным решением станет тестирование разных вариантов окон: так можно точнее понять круг интересов ваших потенциальных покупателей. Для этого можно использовать инструмент Google Analytics, который называется «Эксперименты». Правда, для этого нужно будет воспользоваться услугами профессиональных программистов.
Для начала рекомендуется разместить всплывающий баннер только в одном или в двух разделах. Если гости сайта воспримут информацию положительно, можно переходить к более масштабным экспериментам.
Всплывающие окна и поисковые системы
И попап, и попандер могут стать причинами попадания сайта под фильтр, но такой риск есть только при злоупотреблении данным рекламным инструментом.
Яндекс ранее сообщал, что будет наказывать за использование баннеров, которые вводят пользователей в заблуждение. Поисковая система также выступает против открытия дополнительных вкладок, перенаправления на другую площадку в автоматическом режиме, больших баннеров, мешающих пользователям.
Google тоже рекомендует осторожно использовать в работе всплывающие окна, особенно в мобильных версиях сайтов. Если баннер будет мешать изучению сведений, веб-ресурс попадёт в зону риска. При блокировке рекламы Google Chrome ориентируется на рекомендации, которые были даны Coalition for Better Ads, их тоже стоит изучить.
Подводя итоги, можем сказать, что в целом поисковые системы не выступают против всплывающих окон, если они полезны и информативны. Вы хотите, чтобы рекламный инструмент на вашем сайте был правильно подготовленным и действенным? Доверьте его разработку и внедрение специалистам нашей веб-студии.
Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2024-11-26 » Капитан грузового судна, или Как начать использовать Docker в своих проектах
- 2024-11-26 » Обеспечение безопасности ваших веб-приложений с помощью PHP OOP и PDO
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-15 » Перенос сайта на WordPress с одного домена на другой
- 2024-11-08 » OSPanel 6: быстрый старт
- 2024-11-08 » Как установить PhpMyAdmin в Open Server Panel
- 2024-09-30 » Как быстро запустить Laravel на Windows
- 2024-09-25 » Next.js
- 2024-09-05 » OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения
- 2024-08-28 » Чек-лист: как увеличить конверсию интернет-магазина на примере спортпита
- 2024-08-01 » WebSocket
- 2024-07-26 » Интеграция с Яндекс Еда
- 2024-07-26 » Интеграция с Эквайринг
- 2024-07-26 » Интеграция с СДЕК
- 2024-07-26 » Интеграция с Битрикс-24
- 2024-07-26 » Интеграция с Travelline
- 2024-07-26 » Интеграция с Iiko
- 2024-07-26 » Интеграция с Delivery Club
- 2024-07-26 » Интеграция с CRM
- 2024-07-26 » Интеграция с 1C-Бухгалтерия
- 2024-07-24 » Что такое сторителлинг: техники и примеры
- 2024-07-17 » Ошибка 404: что это такое и как ее использовать для бизнеса
- 2024-07-03 » Размещайте прайс-листы на FarPost.ru и продавайте товары быстро и выгодно
- 2024-07-01 » Профилирование кода в PHP
- 2024-06-28 » Изучаем ABC/XYZ-анализ: что это такое и какие решения с помощью него принимают
- 2024-06-17 » Зачем вам знать потребности клиента
- 2024-06-11 » Что нового в работе Яндекс Метрики: полный обзор обновления
- 2024-06-11 » Поведенческие факторы ранжирования в Яндексе
- 2024-06-11 » Скорость загрузки сайта: почему это важно и как влияет на ранжирование
Не делай другим то, что ты хотел бы, чтобы они делали для тебя. У вас могут быть разные вкусы Шоу Джордж Бернард - (1856-1950) - английский писатель. В своем творчестве ниспровергал догматизм и предвзятость, традиционность представлений |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.