Выводим сообщение с включенным adblock

redissx · 15 июн 2016

Выглядит так

[IMG]

1. идем на https://github.com/sitexw/FuckAdBlock качаем fuckadblock.js и закачиваем себе
2. в main.tpl перед </body> подключаем-вставляем

Код:

<script src="{THEME}/js/fuckadblock.js"></script>
<script>
    function adBlockDetected() {
        var showA = sessionStorage.getItem('show-alert');
        if (showA != 0) {$('.alert-block').show();};
    };
    if(typeof fuckAdBlock === 'undefined') { adBlockDetected(); } else {
    fuckAdBlock.onDetected(adBlockDetected);
    };
    $(function() {
        $('body').on('click','.alert-close',function(){
            $('.alert-block').hide();
            sessionStorage.setItem('show-alert', 0);
        });
    });
</script>

3. после <body> вставляем

Код:

<div class="alert-block">
    <div class="center clearfix">
        <div class="alert-text">
            <b>Уважаемый зритель Filmix,</b><br/>
            Из-за Adblock ваши возможности использования нашего сервиса ограничены. Это вынужденная мера,
            т.к. Filmix сущесвует и развивается за счет доходов от рекламы.
        </div>
        <ul>
            <li><a href="#">Как отключить AdBlock</a></li>
            <li><a href="#">Обращение к зрителям</a></li>
        </ul>
        <div class="alert-close">Х</div>
    </div>
</div>

4. в ваш css файл вставляем

Код:

.alert-block {background-color:#f0f0f0; padding:10px; display:none;}
.alert-block .center {max-width:1200px; margin:0 auto;
display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.alert-text {width:60%;}
.alert-block ul {display:inline-block; white-space:nowrap;}
.alert-block ul li {display:inline-block; margin:0 5px;}
.alert-block ul a {display:block; white-space:normal; padding:10px 15px; background-color:#f0542e; color:#FFF;
border-radius:3px; width:140px; text-align:center;}
.alert-block ul a:hover {background-color:#f7884b; color:#FFF;}
.alert-close {font-size:34px; display:inline-block; cursor:pointer; color:#ccc;}
@media screen and (max-width: 760px) {
.alert-text, .alert-block ul, .alert-close {width:100%; text-align:center; padding:5px 0;}
}

DDDD4 · 15 июн 2016

redissx сказал(а): ↑

Выглядит так

[IMG]

1. идем на https://github.com/sitexw/FuckAdBlock качаем fuckadblock.js и закачиваем себе
2. в main.tpl перед </body> подключаем-вставляем

Код:

<script src="{THEME}/js/fuckadblock.js"></script>
<script>
    function adBlockDetected() {
        var showA = sessionStorage.getItem('show-alert');
        if (showA != 0) {$('.alert-block').show();};
    };
    if(typeof fuckAdBlock === 'undefined') { adBlockDetected(); } else {
    fuckAdBlock.onDetected(adBlockDetected);
    };
    $(function() {
        $('body').on('click','.alert-close',function(){
            $('.alert-block').hide();
            sessionStorage.setItem('show-alert', 0);
        });
    });
</script>

3. после <body> вставляем

Код:

<div class="alert-block">
    <div class="center clearfix">
        <div class="alert-text">
            <b>Уважаемый зритель Filmix,</b><br/>
            Из-за Adblock ваши возможности использования нашего сервиса ограничены. Это вынужденная мера,
            т.к. Filmix сущесвует и развивается за счет доходов от рекламы.
        </div>
        <ul>
            <li><a href="#">Как отключить AdBlock</a></li>
            <li><a href="#">Обращение к зрителям</a></li>
        </ul>
        <div class="alert-close">Х</div>
    </div>
</div>

4. в ваш css файл вставляем

Код:

.alert-block {background-color:#f0f0f0; padding:10px; display:none;}
.alert-block .center {max-width:1200px; margin:0 auto;
display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.alert-text {width:60%;}
.alert-block ul {display:inline-block; white-space:nowrap;}
.alert-block ul li {display:inline-block; margin:0 5px;}
.alert-block ul a {display:block; white-space:normal; padding:10px 15px; background-color:#f0542e; color:#FFF;
border-radius:3px; width:140px; text-align:center;}
.alert-block ul a:hover {background-color:#f7884b; color:#FFF;}
.alert-close {font-size:34px; display:inline-block; cursor:pointer; color:#ccc;}
@media screen and (max-width: 760px) {
.alert-text, .alert-block ul, .alert-close {width:100%; text-align:center; padding:5px 0;}
}

Нажмите, чтобы раскрыть...

Хотел спросит на другой шаб поставить можно

Janny · 15 июн 2016

DDDD4 сказал(а): ↑

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

Конечно, под себя css ток и все

redissx · 15 июн 2016

DDDD4 сказал(а): ↑

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

На любой.
Меняя html, учитывайте, что alert-block, alert-close задействованы в скрипте.

konamin · 28 окт 2016

@aeneas, не ставь этот код, получишь табличку в яше
фильмикс его давно убрал..

kinoliux · 28 окт 2016

konamin сказал(а): ↑

@aeneas, не ставь этот код, получишь табличку в яше
фильмикс его давно убрал..
Нажмите, чтобы раскрыть...

Что за табличка?

aeneas · 28 окт 2016

какой умник постирал мои вопросы здесь ? блять че вообще с башкой не дружит кто то ? флуд от вопросов отличить не можете ?

konamin сказал(а): ↑

@aeneas, не ставь этот код, получишь табличку в яше
фильмикс его давно убрал..
Нажмите, чтобы раскрыть...

ясно ок, спс

kinoliux сказал(а): ↑

Что за табличка?
Нажмите, чтобы раскрыть...

санкции типа от пс ))

axiles · 18 мар 2018

А как сделать рандомный div alert-block?

Frosty · 18 мар 2018

Зачем усложнять со сторонним скриптом, когда можно обойтись одной вставкой в main.tpl

Код:

[aviable=showfull]
            <script type="text/javascript">
                (function() {
                    if (typeof sof == 'undefined' && window.ab == true) {
                        function generateRandomIdString() {
                            return Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 7) + Math.random().toString(36).replace(/[^0-9]+/g, '').substr(0, 3);
                        }
                        var adblock_image_prefix = 'ch';
                        if (navigator.userAgent.toLowerCase().match(/firefox/i)) {
                            adblock_image_prefix = 'ff';
                        }
                        $('#player').css('padding-top', 0).html('<div id="' + generateRandomIdString() + '" style="background: #ee0000;"><div id="' + generateRandomIdString() + '" style="color: #fff; font-family: Arial,serif; font-size: 15px; font-weight: bold; padding: 10px; text-align: left;"><span id="' + generateRandomIdString() + '" style="font-size: 17px;">Внимание!</span> Если Вы видите это сообщение, значит <u>сайт работает некорректно</u>! Adblock* <u>ошибочно</u> блокирует функциональность сайта. Поэтому Вам необходимо обновить подписки Adblock* или внести наш сайт в список исключений.<div id="' + generateRandomIdString() + '" style="color: #fff; font-family: Arial,serif; font-size: 17px; font-weight: bold; text-align: center;"><div id="' + generateRandomIdString() + '" style="padding: 10px 10px 10px;">Чтобы отключить Adblock необходимо нажать на иконку расширения в панели браузера и выбрать «Отключить для этого сайта» либо «Не запускать на страницах этого домена»</div><img src="' + dle_root + 'i/2ab-' + adblock_image_prefix + '.png" alt="Adblock screenshot" /><div id="' + generateRandomIdString() + '" style="font-size: 12px; line-height: 12px; padding: 10px;">Если после выбора не появляется диалоговое окно для подтверждения, то поднимитесь в самый верх страницы и обнаружите его там</div><div id="' + generateRandomIdString() + '" style="font-size: 12px; line-height: 12px; padding: 0 10px 10px; text-align: left;">* Помимо Adblock (расширение для браузера) могут некорректно срабатывать сторонние программы, установленные на Вашем устройстве. Например, Adguard либо антивирус Kaspersky Internet Security с включенным компонентом "Анти-Баннер" и прочие.</div></div>');
                    }
                }());
            </script>
        [/aviable]

Лично мое мнение и все работает отлично

axiles · 19 мар 2018

Я видел такой код, но так и не понял что с ним делать.

ZeroCoolPro.Biz

Выводим сообщение с включенным adblock

redissx Бывалый

DDDD4 Бывалый

Janny Бывалый

redissx Бывалый

konamin
Команда форума VIP Кинотрафик v2

kinoliux Бывалый

aeneas
Забанен

axiles Посетитель

Frosty
Забанен

axiles Посетитель

Как понравиться яндексу. выводим сайт в топ! 2016 - книга

В iframe встроить то что сообщение отправленно :(

Персональное сообщение от madam.abuse

Вопрос? Сообщение после регистрации

Быстрый поиск

Выводим сообщение с включенным adblock

redissx Бывалый

DDDD4 Бывалый

Janny Бывалый

redissx Бывалый

konamin Команда форума VIP Кинотрафик v2

kinoliux Бывалый

aeneas Забанен

axiles Посетитель

Frosty Забанен

axiles Посетитель

Как понравиться яндексу. выводим сайт в топ! 2016 - книга

В iframe встроить то что сообщение отправленно :(

Персональное сообщение от madam.abuse

Вопрос? Сообщение после регистрации

Быстрый поиск

Быстрый поиск

konamin
Команда форума VIP Кинотрафик v2

aeneas
Забанен

Frosty
Забанен