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

redissx · Jun 15, 2016

Выглядит так

[IMG]

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

Code:

<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> вставляем

Code:

<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 файл вставляем

Code:

.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 · Jun 15, 2016

redissx said: ↑

Выглядит так

[IMG]

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

Code:

<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> вставляем

Code:

<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 файл вставляем

Code:

.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;}
}

Click to expand...

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

Janny · Jun 15, 2016

DDDD4 said: ↑

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

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

redissx · Jun 15, 2016

DDDD4 said: ↑

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

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

konamin · Oct 28, 2016

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

kinoliux · Oct 28, 2016

konamin said: ↑

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

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

aeneas · Oct 28, 2016

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

konamin said: ↑

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

ясно ок, спс

kinoliux said: ↑

Что за табличка?
Click to expand...

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

axiles · Mar 18, 2018

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

Frosty · Mar 18, 2018

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

Code:

[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 · Mar 19, 2018

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

Log in or Sign up

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

redissx Бывалый

DDDD4 Бывалый

Janny Бывалый

redissx Бывалый

konamin Staff Member VIP Кинотрафик v2

kinoliux Бывалый

aeneas Забанен

axiles Посетитель

Frosty Забанен

axiles Посетитель

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

Поведенческий фактор,выводим сайт в топ!

Сообщение от dmca

Вопрос? Отправить сообщение

Log in or Sign up

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

redissx Бывалый

DDDD4 Бывалый

Janny Бывалый

redissx Бывалый

konamin Staff Member VIP Кинотрафик v2

kinoliux Бывалый

aeneas Забанен

axiles Посетитель

Frosty Забанен

axiles Посетитель

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

Поведенческий фактор,выводим сайт в топ!

Сообщение от dmca

Вопрос? Отправить сообщение

Useful Searches