O que eu estou tentando fazer é detectar Adblock Plus e exibir uma mensagem.
-
2Eu vou inventar uma coisa para detectar detectores de adblock e desabilitar, pois isso está tirando o direito de usuário de não querer ver certas propagandas.– Wallace VizerraCommented 3/08/2016 às 19:11
-
4Próxima pergunta do site: "Como detectar e bloquear detector de detector de AdBlock"?– Largato ♦Commented 3/08/2016 às 19:12
-
@Bacco já tem o Anti AdBlock Killer. Estou usando com TamperMonkey, e funciona mesmo!– Wallace VizerraCommented 3/08/2016 às 19:13
-
3@WallaceMaxters Tou falando de um pra detectar isso aí e bloquear :)– Largato ♦Commented 3/08/2016 às 19:14
-
Sei que a pergunta é antiga, mas me espanta ver respostas que não acrescentam nada vindas de usuários com reputação alta. O autor pode ter razões para exibir uma mensagem aos que bloqueiam anúncio que não sejam "tirar direito do usuário de não querer ver anúncios".– Daniel LemesCommented 10/10/2020 às 2:38
Adicione um comentário
|
1 Resposta
Existe um plugin pra isto chamado BlockAdBlock (ou FuckAdBlock), ele é suportado pelos seguintes navegadores:
- Google Chrome
- Mozilla Firefox
- Internet Explorer (8+)
- Safari
- Opera
Instalação
Você pode instalar manualmente baixando em https://github.com/sitexw/BlockAdBlock/releases ou:
Bower:
bower install blockadblock
Node.js/io.js:
npm install blockadblock
Exemplo de uso:
<script src="blockAdBlock.js"></script>
<script>
(function() {
//Se não detectar o adblock
function adBlockNotDetected() {
alert('AdBlock não está ativado');
}
//Se detectar o adblock
function adBlockDetected() {
alert('AdBlock está ativado');
}
if(typeof blockAdBlock=== 'undefined') {
alert("blockAdBlock não foi carregado");
} else {
blockAdBlock.onDetected(adBlockDetected);
blockAdBlock.onNotDetected(adBlockNotDetected);
blockAdBlock.on(true, adBlockDetected);
blockAdBlock.on(false, adBlockNotDetected);
blockAdBlock.on(true, adBlockDetected).onNotDetected(adBlockNotDetected);
}
blockAdBlock.setOption('checkOnLoad', false);
blockAdBlock.setOption({
debug: true,
checkOnLoad: false,
resetOnEnd: false
});
})();
</script>
Alternativa
Todavia nem tudo é garantido, os adblocks evoluem e isso pode dificultar, uma coisa simples que pode fazer é usar o evento onerror
<script>
function possivelAdblockDetectado () {
alert("Possível adblock detectado");
}
</script>
<script onerror="possivelAdblockDetectado()" async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="6440411535"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Ou então usar window.addEventListener
(não funciona com window.onerror
)
<script type="text/javascript">
(function () {
var
removeProtocol = /^[a-z]+[:]/i,
items = [
"//www.google-analytics.com/analytics.js",
"//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
];
function detectAdBlock(src) {
if (items.indexOf(src.replace(removeProtocol, "")) !== -1) {
alert("Possivel adblock");
}
}
window.addEventListener('error', function(e) {
if (e.target && e.target.src) {
detectAdBlock(e.target.src);
}
}, true);
})();
</script>
-
Mas ele chega a bloquear mesmo, como o nome diz, ou só exibe msg mesmo? Commented 7/07/2017 às 22:41
-
Você configura a função
function adBlockNotDetected() { alert('AdBlock não está ativado'); }
como quiser, basta trocar oalert
, pode colocar um modal bootstrap, ou redirecionar para outra página. Vai da sua imaginação e imaginação não tem limites :)– Syzoth ♦Commented 8/07/2017 às 1:22 -