Программа которую мы сегодня рассмотрим называется Adguard

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

Программа вышла 4 февраля 2016.

Есть версии на многих языках таких как: Русский, Английский, Немецкий, Сербский, Индонезийский, Испанский (Латинская Америка), Французский, Итальянский, Венгерский, Польский, Португальский, Румынский, Словацкий, Сербский, Вьетнамский, Турецкий, Украинский, Корейский, Армянский, Китайский (упрощенный).

Нажмите сюда чтобы перейти на официальный сайт программы Adguard.

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

Возможности и функции:

Блокировка рекламы с помощью Adguard включает в себя четыре основных направления, этапа или модуля. Это Антитрекинг, Антифишинг, Родительский контроль и Антибаннер.

Антитрекинг

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

Антифишинг

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

Родительский контроль

Защищает детей от нецензурной тематики сайтов, сайтов для взрослых и в целом обезопасит детей при пользовании интернетом. Блокировка рекламы с помощью Adguard защитит детей от возможного попадания на не желаемые сайты. Опять же плюс в защиту Adguard по сравнению к конкурентам Adblock, Adblock Plus.

Антибаннер

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

Чем блокировка рекламы от Adguard лучше?

1. Работает во всех браузерах
2. Блокировка рекламы любого вида
3. Просто использовать, блокировка рекламы происходит в фоновом режиме
4. Предупреждает при переходе на подозрительный сайт
5. Блокирует трекеры посещений чем защищает ваши данные
6. Защита детей в интернете от сайтов для взрослых
7. Программой можно управлять прямо из браузера
8. Работает сразу без дополнительных настроек
9. Ускоряет загрузку страниц, блокировка рекламы уменьшает вес страницы
10. Экономие трафика, опять же блокировка рекламы дает меньше данных для загрузки
11. Есть и продвинутая настройка, возможность добавлять пользовательские скрипты (userscripts)

Скачать последнюю версию можно на официальном сайте: Adguard.

Прямые ссылки для скачивания:

• Adguard для Windows
• Adguard для Mac
• Adguard для Android

Как заработать:

Причина по которой я решил написать эту статью это возможность заработать. Как это сделать? Adguard предлагает партнерскую программу.

• за каждый проданный Adguard лицензионный ключ — 50% переходят на твой счет.
• за каждую установку программы ты получаешь также бонус.

Как продавать? Для начала нам нужен сайт.

Читаем: как раскрутить сайт

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

Пример баннера который выдает сервис:

На этом все. Если у вас есть вопросы задавайте их в комментариях.

Сообщение Блокировка рекламы с помощью Adguard появились сначала на Wiki | PWODEV.

Если вы верстаете правильно, а так и надо, то вам пригодится очень важный тег который позволит убрать стандартное увеличение, зум (zoom) и чтобы ширина (width) и высота (height) на мобильном (mobile) устройстве отображалась пиксель в пиксель, только тогда мы сможем видеть реальные размеры на лубом размере экрана.

Вот собственно сам мета тег:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">

Вставлять его надо в самом вверху после открытия <head>

Сообщение Viewport — мета тег для нормальной верстки для мобильного устройства. появились сначала на Wiki | PWODEV.

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

Для того чтобы отследить жесты как на мобильном устройстве iPhone или Android или любой другой mobile, проще всего подключить библиотеку jquery.touchSwipe.min.js. Дальше привязываем событие к нужному нам элементу:

jQuery('body').swipe({
 swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
 console.log(direction);
 }
});

Теперь мы можем дополнять наш сайт жестами.

Если нам нужно чтобы событие жест сработал в реальном времени или через определенное количество пикселей пишем такую функцию:

jQuery('body').swipe( {
    swipeStatus:function(event, phase, direction, distance, duration, fingerCount, fingerData, currentDirection)
    {
        if (phase=="start"){
            // сработает в начале swipe
        } 
        if (phase=="end"){ 
            //сработает через 20 пикселей то число которое выбрали в threshold
            if (direction == 'left') {
                //сработает при движении влево
            }
            if (direction == 'right') {
                //сработает при движении вправо
            }
            if (direction == 'up') {
                //сработает при движении вверх
            }
            if (direction == 'down') {
                //сработает при движении вниз
            }
 },
 triggerOnTouchEnd:false,
 threshold:20 // сработает через 20 пикселей
});

Параметры:

event — стандартный ивент, тут можно посмотреть по какому элементу сработал скрипт

jQuery(event.target)

phase

• start — указывает начальную фазу события касания
• move — указывает на событие перемещения
• end — указывает на завершение события
• cancel — указывает на отмену события

direction

• left — указывает на передвижение влево
• right — указывает на передвижение вправо
• up — указывает на передвижение вверх
• down — указывает на передвижение вниз
• in — указывает на событие помещения в обьект
• out — указывает на событие выхода из обьекта

distance — расстояние которое пользователь пролистал

duration — продолжительность пролистывания в миллисекундах

fingerCount — количество пальцев при таче

fingerData — координаты пальцев при событии тач

currentDirection — текущее направление движения тача

Сайт библиотеки плагина и документации к плагину

Сообщение jQuery touch swipe или как отследить жесты появились сначала на Wiki | PWODEV.

Отследить правильный размер экрана нам поможет этот JS код:

window.innerHeight //показывает действительную высоту экрана

Запускать это лучше всего при загрузке страницы, а потом при скролле браузера.
Событие scroll:

window.onscroll = function () {
   // scroll event
};

Сообщение Height 100vh for mobile browsers iPhone and Android появились сначала на Wiki | PWODEV.