Как сделать, чтобы popup-окна не раздражали?

460
0/10

Как сделать, чтобы Popup-окна не раздражали?

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

В 2017 году специалисты по маркетингу из компании Microsoft провели простой опрос: «Какая из показанной рекламы не понравилась вам больше всего?» Несложно догадаться, что первыми в списке самых одиозных рекламных приемов оказались всплывающие окна.

Но меньше их не становится. Рекламодатели продолжают использовать поп-апы на своих площадках. Тенденции к снижению их количества пока не видно.

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

Содержание

Краткость.

Пиетет.

Не обходить «AdBlock».

Подчинение CBA.

  1. Popup заблокируют если:

  2. Всплывающее окно можно отобразить, когда посетитель:

  3. Лучше меньше, да лучше.

Визуальная гармония.

Соответствие законодательству.

Управляющий элемент закрытия окна.

Разделяйте контент.

Тестируйте.

Краткость

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

Посетитель закончил изучение статьи об A/B-тестировании в электронной коммерции, а всплывающее окно появляется с предложением скачать бесплатную электронную книгу по этой же теме.

Всплывающее окно предлагает скачать книгу по теме только что прочитанной статьи

Клиент проходит регистрацию на семинар, а «всплывашка» объявляет о видеозаписях с прошлогоднего мероприятия в подарок.

Всплывающее окно объявляет о видеозаписях с прошлогоднего мероприятия в подарок

Пиетет

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

Плохо:

«Хотите повышенные конверсии? Разрешите мне помочь вам. НЕТ, Я ПРЕДПОЧИТАЮ НЕ ИМЕТЬ ПОДПИСЧИКОВ.»

Не делайте так. Придумывайте вежливые надписи.

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

Не обходить «AdBlock»

Многие посетители сайтов пользуются блокировщиками рекламы. Они с разной степенью успешности блокируют рекламные модули на страницах разных сайтов. Но некоторая реклама пробивается и через них. Как такое происходит? Существуют способы обхода блокировок: JavaScript код, различные подмены, использование нестандартных размеров окон и баннеров, исключение определенных слов из кода страницы.

Не применяйте на сайте обход блокировщиков рекламы

На вашем сайте всего этого делать не нужно.

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

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

Подчинение CBA

CBA, Coalition for Better Ads, объединение для улучшения рекламы в интернете.

Самый большой рекламный агент на Земном шаре корпорация Google, как ни странно, тоже борется с рекламой. Но не со всей!

Браузер Google Chrome, услугами которого пользуются около половины всех русскоязычных интернет-пользователей, подчиняется стандартам CBA. Если всплывающее окно не будет им соответствовать, то на вашем сайте Google может заблокировать всю рекламу. Даже ту, которая вписывается в требования.

Popup заблокируют если:

  • в нем есть самовоспроизводящийся видео или аудиоролик,

  • начинается обратный отсчет секунд, а элемент для закрытия отсутствует,

  • всплывающее окно прикреплено к нижней границе экрана и занимает более 30% его площади,

  • работают угрожающие эффекты, например мерцание.

Всплывающее окно можно отобразить, когда посетитель:

  • принял решение уйти с сайта: печатает другой url в адресной строке. Препятствовать этому нельзя.

  • Не проявлял активности более полуминуты на странице. Если на ней есть встроенный видеоролик, это правило не работает.

  • Пролистал страницу до конца,

  • ушел на другой сайт, а затем вернулся.

Для проверки сайта на соответствие требованиям «Coalition for Better Ads» запросите специальный аудит. Реклама на вашей странице не будет заблокирована моментально. В случае нарушений, Google оповестит вас и даст месяц на исправление ошибок.

Лучше меньше, да лучше

Вот еще несколько правил, которые надо соблюдать, чтобы не раздражать читателей сайта:

  • Если посетитель один раз закрыл поп-ап, нельзя отображать его вновь. Для этого настройте файлы cookie или добавьте в программный код строчку: «Больше одного раза не показывать».

  • Не добавляйте всплывающие окна на каждую страницу.

  • Не применяйте больше одного окна на странице.

Так как сделано на скриншоте ниже, делать нельзя. Там одно окно наложилось на другое:

одно всплывающее окно наложилось на другое

Визуальная гармония

Закажите вашему дизайнеру такие всплывающие окна, которые сочетаются с теми страницами, на которых они возникают.

Popup-окна на booking.com нарисованы в едином стиле с основным сайтом. При появлении окна, контент затемняется на 32%. Так посетителю удобнее сконцентрировать внимание на торговом предложении.

Popup-окна на booking.com нарисованы в едином стиле с основным сайтом

Соответствие законодательству

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

Ниже правильно оформленное всплывающее окно.

Форма согласия с Правилами и ссылка на сами правила в поп-апе имеется.

Форма согласия с Правилами и ссылка на сами правила в поп-апе имеется.

Управляющий элемент закрытия окна

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

На скриншоте ниже веб-мастер решил схитрить и расположил крестик вне зоны видимости окна — в правом верхнем углу страницы. Такое положение этого элемента не прибавляет авторитета сайту, а отталкивает и раздражает.

На скриншоте ниже веб-мастер решил схитрить и расположил крестик вне зоны видимости окна

Разделяйте контент

Если информации так много, что набирается на маленький лендинг, то не нужно впихивать все в одну всплывашку. С таким нагромождением никто разбираться не будет. Подумайте, может быть в поп-апе просто дать ссылку на отдельную страницу, где расположить все данные в упорядоченном виде. Или разделить все сведения на две группы. В первой — предложение купить. А во второй — форма для отсылки электронной почты для тех, кто согласился на покупку.

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

Тестируйте

На экранах с разным разрешением ваше всплывающее окно должно смотреться одинаково красиво и удобно. Тестирование проводите разными способами. Браузер Chrome предоставляет все возможности визуального редактирования контента по нажатии на кнопку F12. Набор инструментов там богатый и бесплатный. Или пользуйтесь услугами специальных сервисов, которые эмулируют разные разрешения экрана и предоставляют инструменты для редактирования.

В сервисе responsinator.com напечатайте адрес сайта в адресную строку. На одной странице сайт отобразится на экранах всех популярных устройств.

В сервисе responsinator.com надо просто зайти и напечатать адрес сайта в адресную строку

Сайты, всплывающие окна которых занимают больше 20% площади страницы в мобильной версии, будут исключены из поисковой выдачи.

***

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

Не раздражайте ваших посетителей. Уважайте их и не используйте хитрости в общении с ними. Относитесь к вашим клиентам с искренностью и открытостью, и они ответят вам тем же.

Ваша оценка:
Нравится?
Обсуждение
    Для участия в обсуждении на сайт