Javascript для обнаружения наличия поведения, связанного с блокировкой рекламы, во время доставки страницы.
JavaScript (adblockDetector.js) был протестирован на обнаружение поведения, связанного с блокировкой рекламы, в следующих веб-браузерах:
Скрипт делает это путем создания набора DIV, которые могут быть скрыты средствами блокировки рекламы в браузере.
Дополнительные тактики, которые еще не включены в этот скрипт:
Загрузите нужный скрипт обнаружения и добавьте его на свой сайт. Есть несколько разных способов включить JavaScript в HTML.
| Имя сценария | Описание |
|---|---|
| adblockDetector.js | Скрипт обнаружения Adblocker без модуля Google Analytics |
| adblockDetectorWithGA.js | Скрипт обнаружения блокировщика рекламы с модулем Google Analytics |
При использовании AdBlockDetectionWithGA.js вас просят указать свой идентификатор отслеживания GA в скрипте в строке № 82. Когда вы ссылаетесь на этот скрипт, он отслеживает определенные события, связанные с AdBlock в браузере пользователя. Подробности можно просмотреть в панели управления Google Analytics. Вот как проверить, использует ли пользователь какой-либо блокировщик рекламы или нет.
Во-первых, мы предлагаем вам создать другой идентификатор GA-Tracking, чтобы он не мешал вашим просмотрам страниц. Выполните следующие шаги для GA по использованию Adblock.
К сожалению, мы пока не придумали, как перенести это на приборную панель. Поэтому в следующий раз, когда вы зайдете в GA, вы можете перейти в User Explorer -> нажать «Добавить новый сегмент». И вы найдете ранее созданные вами сегменты (т. е. один для пользователей, обнаруженных с блокировкой рекламы, и один для пользователей, не обнаруженных с блокировкой рекламы). Вы можете выбрать их и нажать «Применить», чтобы просмотреть отчетные данные.
Это должно выглядеть как на изображении ниже.
Это рекомендуемый метод включения. Функции, содержащиеся в выбранном сценарии обнаружения, должны быть включены непосредственно в HTML родительского фрейма.
Сделайте это, обернув содержимое выбранного кода в теги сценария в доставленном HTML.
Выбранный код можно разместить на своем веб-сервере как независимый файл и ссылаться на этот файл из доставленного HTML.
Если вы используете внешний файл сценария, он может быть заблокирован блокировщиками рекламы. Использование другого имени файла уменьшит вероятность его блокировки универсальными фильтрами.
Можно интегрировать функции из выбранного кода в существующую библиотеку сценариев, размещенную в виде внешнего файла сценария. Это может привести к снижению функциональности сайта для посетителей, использующих блокировщики рекламы, которые пытаются избежать обнаружения, если блокировщики рекламы блокируют весь внешний файл сценария.
@prop флаги
| Вариант | Тип | Описание |
|---|---|---|
| отлаживать | логическое значение | Указывает, что дополнительные выходные данные отладки должны быть выведены на консоль. |
| найденный | Строка (@функция) | Функция, которая сработает, если обнаружен блокировщик рекламы |
| не найдено | Строка (@функция) | Функция, которая активируется, если блокировщик рекламы не обнаружен. Обратите внимание, что это будет срабатывать каждый раз, когда блокировщик рекламы не обнаружен, и должно предоставлять входные данные для действия, предпринятого только после обнаружения «завершения». |
| полный | Строка (@функция) | Функция, которая активируется после завершения тестирования. |
Результат теста (логическое значение) включен в качестве параметра в пример обратного вызова:
window . adblockDetector . init (
{
found : function ( ) { ... } ,
notFound : function ( ) { ... }
}
) ;Добавьте приведенный ниже код на HTML-страницу.
< script src = "./adblockDetector.js" > < / script >
< script >
// Configure the adblock detector
( function ( ) {
var enabledEl = document . getElementById ( 'adb-enabled' ) ;
var disabledEl = document . getElementById ( 'adb-not-enabled' ) ;
function adBlockDetected ( ) {
enabledEl . style . display = 'block' ;
disabledEl . style . display = 'none' ;
}
function adBlockNotDetected ( ) {
disabledEl . style . display = 'block' ;
enabledEl . style . display = 'none' ;
}
if ( typeof window . adblockDetector === 'undefined' ) {
adBlockDetected ( ) ;
} else {
window . adblockDetector . init (
{
debug : true ,
found : function ( ) {
adBlockDetected ( ) ;
} ,
notFound : function ( ) {
adBlockNotDetected ( ) ;
}
}
) ;
}
} ( ) ) ;
< / script >Добавьте приведенный ниже код в тело HTML-страницы.
< div class =" center " >
< h5 class =" bg-success " id =" adb-not-enabled " style =" display: none; " > AdBlock is disabled </ h5 >
< h5 class =" bg-danger " id =" adb-enabled " style =" display: none; " > AdBlock is enabled </ h5 >
</ div >Развилка! Создайте свою ветку функций: git checkout -b my-new-feature Зафиксируйте изменения: git commit -am 'Добавить какую-нибудь функцию' Отправьте в ветку: git push origin my-new-feature Отправьте запрос на включение
