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

Еще один вид всплывающих окон может пересылаться с помощью службы отправки сообщений (Messenger Service) в операционных системах Microsoft Windows . Несмотря на похожее имя, ее не следует путать с клиентами служб мгновенных сообщений Windows Messenger или Windows Live Messenger . Подобные всплывающие окна появляются в виде диалогового окна с текстовым сообщением, обычно содержащим ссылку на веб-сайт. Служба отправки сообщений была отключена во втором пакете обновлений (Service Pack 2) для Windows XP .

Mozilla усовершенствовала первоначальный подход, блокируя лишь те всплывающие окна, которые открывались при загрузке страницы. В начале 2000-х гг. все основные браузеры, кроме Internet Explorer , позволяли пользователю практически полностью блокировать нежелательные всплывающие окна. В 2004 г. Microsoft выпустила Windows XP SP2, который добавил подобные возможности в Internet Explorer.

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

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

Рекламодатели постоянно ищут способы обхода ограничений. Например, некоторые всплывающие окна создаются с помощью Adobe Flash . Поскольку блокируются лишь окна вызванные JavaScript, использование Flash позволяет обхитрить блокировщик.

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

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

• Spyware

• Adams, Cecil. «What’s up with popup ads? ». 15 октября .
• Zabunov, S. «From Annoyance to Pleasure - The Artistic Popup Approach ». 12 мая .

• Pop-up Test - сайт позволяющий протестировать работу вашего блокировщика всплывающих окон (не тестирует Flash и всплывающие окна не использующие JavaScript)
• Примеры современных подходов к организации всплывающих окон и hover ads

Wikimedia Foundation . 2010 .

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

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

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

Разные браузеры блокируют всплывающие окна по-разному. Первыми, кто применил подобный инструмент стали разработчики Opera . Именно тогда началась «гонка вооружений», в которой участвовали разработчики ведущих браузеров:

• Как уже было упомянуто, первыми заявили о возможности избавиться от всплывающих окон конструкторы браузера Opera. Первая версия с таким механизмом реализована в далёком 2000 году.
• Разработчики Mozilla Firefox присоединились к этой борьбе с pop-up-рекламой чуть позднее. Они усовершенствовали подход, блокируя лишь ту рекламу, которая грузится сразу вместе с главным окном сайта. Если позднее сайту потребуется создать pop-up, то это происходит без проблем.
• Ну и самыми последними были разработчики Microsoft , которые в 2004 году также реализовали механизм блокировки в своём Internet Explorer.
• Google Chrome также имеет подобный механизм. Его ноу-хау состоит в реализации только базовых функций блокировки. Расширенные функции переданы дополнениям, которые сегодня представлены десятками групп независимых разработчиков.
• Яндекс.Браузер также умеет блокировать вредное содержимое. Его особенность – работа со своей базой «плохих» ссылок. Вы видите хорошую рекламу, а запрещённая и сомнительная блокируются.

По умолчанию этот браузер блокирует все всплывающие окна. Чтобы включить этот режим или проверить его работу, выберите в настройках пункт «…» и нажмите кнопку «Просмотреть дополнительные параметры».

Выберите пункт «блокировать всплывающие окна». Второй сверху – запутаться трудно.

В Internet Explorer настройка запрятана глубже:

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

Затем начинаем писать «блок» в окне поиска настроек и выбираем «Настройки контента».

Обратите внимание, что в Google Chrome можно как удалить все всплывающие окна, так и выборочно.

Нажмите на кнопку «Настроить исключения» и добавьте сайт, которому доверяете, в список. Или наоборот – запретите какому-то сайту создавать всплывающие окна.

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

Если вы увидели в строке адреса вот такой значок, значит Google Chrome заблокировал какое-то попап-окно на этом сайте. Если вы уверены в том, что это сделано неправильно, нажмите на значок и разрешите этому сайту создавать подобные элементы.

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

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

Активно продвигаемое в отечественном интернете приложение. Имеет свою базу «плохих» адресов, с которых приходит навязчивая реклама. Приложение способно отличить контекстную рекламу, прошедшую контроль уважаемых рекламных сервисов, от навязчивых объявлений сайтов азартных игр, фишинга и порнографии.

Это средство имеет мировой авторитет. Это бесплатное приложение скачано уже 300 миллионов раз! На официальном сайте вы найдёте ссылку для скачивания именно под свой браузер. Вот как она выглядит для Яндекс.Браузер.

Дополнение также доступно для всех браузеров, включая и весьма редко встречающиеся на просторах отечественного сетевого пространства. Например, Maxthoon.

Установить эти приложения вы можете в магазинах дополнений браузеров или на официальном сайте производителей. Ни в коем случае не пользуйтесь сторонними ссылками на дистрибутивы!

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

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

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

На вопрос «как убрать всплывающие окна » ответит эта статья.

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

• Полезными;
• не очень полезными;
• вредоносными.

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

Например, с помощью открывшегося окошка программа WOT (Web of Trust ), которая является бесплатной надстройкой к браузеру Mozilla Firefox , предупредит о том, что пользователь собирается открыть сайт с плохой репутацией или опасным содержимым:

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

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

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

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

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

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

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

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

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

Устав от внезапного появления многочисленных окон, пользователь закономерно задаётся вопросом:
«как запретить всплывающие окна », чтобы они не досаждали, не отвлекали от целенаправленных действий на сайте? Ответ на этот вопрос дан в следующем разделе этой статьи.

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

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

В верхнем меню браузера нужно щёлкнуть левой кнопкой мыши по пункту Инструменты , а затем выбрать пункт Настройки :

Затем нужно выбрать опцию Содержимое , слева от надписи «Блокирование всплывающих окон » обязательно подставить галочку. Нажать ОК :

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

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

Затем нужно выбрать самый нижний пункт «Показать дополнительные настройки »:

Теперь нужно открыть раздел «Личные данные » — «Настройки контента » — «Всплывающие окна ».
И наконец, нужно активизировать надпись «Блокировать всплывающие окна на всех сайтах (рекомендуется )»:

Здесь также возможно «Управление исключениями »: для надёжных, проверенных сайтов следует сделать исключения.

Нажать главную кнопку «Opera » слева. Затем выбрать «Настройки » — «Общие настройки »:

Теперь нужно найти надпись «Укажите, как поступать со всплывающими окнами » и выбрать вариант «Блокировать незапрашиваемые »:

Стоит отметить, что в браузере Opera за быструю настройку отвечает клавиатурная клавиша F12 . При её нажатии всплывает окошко, в котором тоже можно задать блокировку:

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

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

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

1. Самым популярным плагином блокировки рекламы и надоедливых всплывающих окон по праву считается Adblock или его новая модификация Adblock Plus . Это расширение является лучшим решением вопроса «как убрать всплывающие окна рекламы», оно специально написано для каждого популярного веб-браузера и устанавливается как его дополнение.

Например, в браузере Mozilla Firefox , нужно выбрать в меню инструменты пункт Дополнения :

Затем ввести в поисковую строку ключевую фразу Adblok :

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

2. Очень удобно использовать для повышения защиты специальные программы фаерволлы (сетевые экраны), которые следят за безопасностью посещаемых сайтов, например Outpost Firewall .
3. Достаточно популярное дополнение для веб-браузеров под названием No Script блокирует скрипты JavaScript . No Script появляется в меню, вызываемом правой кнопкой мышки. Оно позволяет запретить или разрешить отображение элементов JavaScript для разных сайтов. Как показывает практика, данное дополнение немного замедляет работу браузера, чрезмерно запрещая многие действия сайтов, но повышает безопасность:

4. Программа против всплывающих окон под названием Ad Muncher блокирует автоматическое воспроизведение музыки на страницах сайтов, удаляет фоновые картинки, увеличивает скорость загрузки страниц, экономит трафик. Не даёт отправлять информацию о браузерах, блокирует adware/spyware, имеет более 2000 фильтров, и хорошо справляется со своими функциями. Её довольно часто называют программой-охотником.
5. Flashblock блокирует загрузку и автоматическое воспроизведение Flash-роликов, надоедливой Flash-анимации, существенно экономит трафик.
Программ, блокирующих всплывающие окна, очень много, можно выбрать любые: платные, условно бесплатные, бесплатные. Они действительно способны дополнительно защищать браузеры и компьютеры пользователей:

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

Удачи Вам!

Хорошо Плохо

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

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

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

• Открывающиеся на переднем плане (pop-up ) – всплывают поверх основного;
• Открывающиеся на заднем плане (pop-under ) – открываются за основным окном.

Последние являются самыми коварными. Они становятся активными и видными для пользователя лишь после закрытия основного. Поэтому определить их источник и вовремя блокировать не удастся.

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

Основной программой для пользования интернетом являются браузер. Поэтому основной способ блокировки действия рекламных окон реализован именно в браузере:

• Internet Explorer – стал последним из всех программных продуктов, в котором была реализована возможность блокировки всплывающей рекламы. Это было сделано лишь в 2004 году;
• Opera – этот продукт стал первым браузером в мире со встроенной функцией блокировки всплывающих окон. Всплывающие окна в Опере можно блокировать, начиная с 2000 года;
• Mozilla Firefox – этот браузер усовершенствовал подход к борьбе с рекламой, который был реализован в Opera . В отличие от него в Мозиле блокируются не вся всплывающая реклама, а лишь та, которая загружается при открытии основного окна.

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

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

• Метод alert() – выводит на экран обычное текстовое сообщение. Чтобы скрыть диалог после прочтения, нужно нажать на кнопку «Ok » внизу окна;
• Метод confirm() – подобен предыдущему методу. Но выводимый им диалог кроме «Ok » снабжен еще и кнопкой «Cancel ». С их помощью пользователь может принять или отказаться от условия, указанного в окне;
• Метод prompt() – служит для вызова еще одной разновидности всплывающего окна javascript . В отличие от упомянутых выше это окно снабжено еще и текстовым полем. В него пользователь может вводить текстовые данные, которые можно присвоить значению нужной переменной.

Действие всех трех методов и вызываемые ими разновидности диалога показаны на изображении:

Но это всего лишь разновидности диалогов. Для создания настоящего всплывающего окна в javascript используется метод open() объекта window .

Вот полный синтаксис метода:

win = window. open (url, name, params) , где:

• url – это адрес страницы, которая откроется в новом окне;
• Name – имя созданного окна. Может быть использовано для дальнейшей обработки в формах (параметр target );
• Params – строка параметров для нового окна. Их полный список можно узнать самостоятельно из документации по javascript.

На изображении ниже показано действие метода и приведен упрощенный скрипт всплывающего окна:

Создается функция f1 , в теле которой реализован вызов метода window. open() . Затем идет вызов этого метода с одним параметром, указывающим адрес страницы, которая откроется в созданном окне. После этого вызывается метод setTimeout() . В качестве параметров ему передается функция f1 и интервал времени, через который откроется новое окно.

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

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

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

Также существует множество плагинов для популярных CMS . В их состав может входить целый набор окон. Дизайн и функционал каждого из них «заточен» под выполнение определенной задачи (регистрация, отправка сообщения и другое ).

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

Как сделать всплывающее окно на Jquery $(document).ready(function(){ PopUpHide(); }); function PopUpShow(){ $("#window-popup").show(); } function PopUpHide(){ $("#window-popup").hide(); } .box { width: 400px; height: 300px; background-color: #ccc; margin:0px auto; padding:10px; font-size:40px; color: #fff; } .popup { width:100%; min-height:100%; background-color: rgba(0,0,0,0.5); overflow:hidden; position:fixed; top:0px; } .popup .popup-content { margin:40px auto 0px auto; width:200px; height: 80px; padding:10px; background-color: #c5c5c5; border-radius:5px; box-shadow: 0px 0px 10px #000; } Пример всплывающего окна
Показать попап Поздравляю вы сделали всплывающее окно!!! Скрыть попап

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

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

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

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

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

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

И из этих двух взаимоисключающих фактов возникает вопрос: «Как так получается, что всплывающие окна настолько эффективная, и вместе с тем, самая ненавистная форма рекламы?»

Заголовок

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

Тело

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

Дизайн

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