Параметры блокирования всплывающих окон, исключения и решение проблем. Что такое всплывающие окна

PopUP-окно - это всплывающее объявление, предназначенное для привлечения веб-трафика или сбора адресов электронной почты. Такие элементы часто являются формами интернет-рекламы в WorldWideWeb. Как правило, это новые окна, открывающиеся в веб-браузере для показа рекламы. Обычно они генерируются JavaScript с помощью межсайтового скриптинга (XSS), иногда со вторичной полезной нагрузкой и использованием AdobeFlash.

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

История возникновения

Первые всплывающие объявления возникли на хостинге Tripod.com в конце 1990 годов. Этан Цукерман утверждает, что он написал код для запуска рекламы в отдельных окнах в ответ на жалобы на баннерные объявления. Впоследствии разработчик неоднократно приносил свои извинения за неудобства, которые стало причинять его изобретение.

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

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

Всплывающие окна

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

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

При этом щелчок (даже случайный) по одному всплывающему окну может привести к открытию других.

Обход блокировщика всплывающих окон

Комбинация рекламного баннера и всплывающего окна - это «объявление при наведении», которое использует DHTML для отображения на экране поверх контента страницы. С помощью JavaScript объявление может быть наложено поверх веб-страницы в прозрачном слое. Это рекламное объявление может появиться почти во всех случаях, когда этого хочет автор рекламы. Такой скрипт PopUP-окна невозможно заметить заранее. Например, реклама может содержать анимацию AdobeFlash, связанную с сайтом рекламодателя. Она также может выглядеть как обычное окно. Поскольку реклама является частью веб-страницы, ее нельзя заблокировать с помощью блокировщика, но ее открытия можно избежать с помощью сторонних приложений (наподобие AdBlock и AdblockPlus) или с помощью настраиваемых таблиц стилей.

PopUNDER

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

Популярная рекламная технология

В рекламном объявлении задействованы две очень простые функции JavaScript, введенные в 1997 году с помощью браузера Netscape 2.0B3. Эта методология широко используется в Интернете. Современные веб-издатели и рекламодатели используют ее для создания окна перед контентом страницы, загрузки рекламы, а затем отправки его за экран.

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

«Хитрый» генератор PopUP-окон

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

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

URL-перенаправление

Иногда URL-адреса перенаправляется на рекламные страницы с помощью функции Background URL redirection. Они иногда открываются в новой вкладке, а затем содержимое старой фоновой вкладки заменяется на рекламные страницы с помощью редиректа. AdblockPlus, uBlock или NoScript не могут блокировать эти всплывающие переадресации. Эту особенность все чаще используют распространители рекламы в поисках способа, как сделать PopUP-окно наиболее активным.

Как избавиться от всплывающих окон

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

• Firefox: нажмите кнопку с названием приложения в верхнем левом углу. Наведите указатель мыши на «Справка» и выберите «О Firefox». Это откроет окно с информацией о версии обозревателя. Если ваш браузер не будут автоматически загружены и установлены.
• Chrome: нажмите кнопку меню в правом верхнем углу. Выберите «О Chrome» в нижней части, откроется новая вкладка, и браузер проверит наличие обновлений. Если они есть, они будут установлены автоматически.
• Internet Explorer: способ обновления зависит от используемой версии обозревателя. Для более старых вариантов вам нужно будет войти Центр обновления Windows. Для Internet Explorer 10 и 11 вы можете включить автоматические обновления, щелкнув значок Gear и выбрав About Internet Explorer.

Если обновления не помогают

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

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

26.09.14 23K

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

А такая ли гадина эти ваши всплывающие окна?

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

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

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

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

Средства борьбы

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

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

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

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

Создание всплывающих окон с помощью javascript

В веб-программировании для создания всплывающих окон используется несколько технологий. Основным средством их создания пока остается 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 . Эта возможность была реализована лишь с выходом третьей версии этой технологии. Злоупотреблять этим вариантом не стоит, потому что он будет работать лишь в самых новых версиях браузеров:

Как видно из рисунка, такое модальное окно создано с помощью 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 .

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

Зачем нужны всплывающие окна

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

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

Какие браузеры умеют блокировать pop-up-рекламу

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

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

Как избавиться от всплывающих окон в разных браузерах штатными средствамиMicrosoft Edge

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

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

Internet Explorer

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

Google Chrome и Opera

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

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

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

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

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

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

Яндекс.Браузер

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

Программы для блокировки всплывающих окон в браузерах

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

Adguard

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

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

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

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

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

Рекламные всплывающие окна вне браузеров

Еще один вид всплывающих окон может пересылаться с помощью службы отправки сообщений (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 .