Что такое Adblock? Adblock — это расширение в браузере или приложении для удаления рекламы на сайте, поскольку мы знаем, что реклама в блогах иногда раздражает посетителей, поэтому интернет-пользователи начинают использовать расширение Adblock. Но с другой стороны, для автора блога, который применяет качественную рекламу от Google AdSense, это одна из угроз снижения дохода от блогов. Чтобы преодолеть это, нам нужно добавить в блог скрипт Adblock блокировщик.
Установить блокировщик Adblock
Сначала откройте панель инструментов Blogger > щелкните меню «Темы» > нажмите кнопку « Изменить HTML» и добавьте приведенный ниже код перед кодом </head> или кодом .</head><!—<head/>—>
<style type=’text/css’>
/* Animation */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
/* Say Hi to Adblock */
#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#arlinablock .header{margin:0 0 15px 0}
#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}
#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}
#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#arlinablock .fixblock div{display:none}
#arlinablock .fixblock div.active{display:block}
#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% — 20px);margin:10px auto;padding:15px}}
</style>
Затем добавьте этот код перед </body>или <!—</body>—></body>
<script type=’text/javascript’>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement(«script»);e.src=»https://tekhnologiya.blogspot.com/»,document.body.appendChild(e)}window.addEventListener?window.addEventListener(«load»,downloadJSAtOnload,!1):window.attachEvent?window.attachEvent(«onload»,downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
Затем нажмите Сохранить тему и посмотрите что получилось. Это уведомление Adblock появится, если посетители посещают наш сайт с включённом расширением Adblock. Не забудьте активировать расширение Adblock у себя, чтобы увидеть результат.