Detector de ADBlock Plus

Minha questão:

Olá pessoal do fórum, bom gostaria de saber se é possível colocar no meu Fórum e Blog (Blog do forumeiros) esse Detector de ADBlock Plus, porém vi ele em um Blogger.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Link do Blogger onde eu vi: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] e [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Olá,

Aqui tem um artigo falando sobre isso: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Obrigado por responder, o problema é que eu não entendo muitos a respeito, poderia me informa se é possível e qual código devo utilizar?

Aqui um JS de base, na verdade é só tu fazer a 'coisa' acontecer dentro do código, você pode 'esconder' o fórum, e colocar uma mensagem na frente, dizendo para desabilitar... é só fazer!!

Código:


if(document.getElementById("ad_block") == undefined) {
   alert("Mensagem de Alerta, se detectado");
        //Dom
}


Eu tentei e não consegui, entrei em contato com o dono do site e ele me informo isso aqui.
Com relação ao código que utilizo para detecção do AdBlock, trata-se de uma simples verificação utilizando jquery ( mas pode-se optar pelo javascript também), onde pego como base 2 dos anúncios exibidos no site. Para isso verifico se o tamanho da altura da divisão (div) é ou não igual à 0 (quando o adblock está ativado e os anúncios são removidos o tamanho é igual à 0), caso seja o script chama uma outra função que exibe a mensagem para o usuário, que nada mais é do que uma "div" escondida que é mostrada ao usuário.

Código:

<script type="text/javascript" async="">//com o "async" o script só é executado quando a página estiver totalmente carregada


$(function() { 


if ($('#atest').height() == 0 && $('#anuncio_rodape').height() == 0) 


{


block_detected();


} 


});


</script>


 


<script>


function block_detected(){


document.getElementById('adblockdetcted').style.display =


"block"; // mostra a div "adblockdetcted"


}


</script>

 
Para que você possa implementar o código em seu próprio blog,  caso não tenha conhecimentos sobre o assunto, pesquise na internet um pouco sobre Jquery, javascript e funções em javascript.
 
Esta é apenas a base do código que utilizo pois o resto é adaptado ao layout do meu blog e por isso não funcionaria no seu.

Olá amigão,
Me tire uma dúvida rápida, este anúncio é exibido ao membro que acabou de entrar no site ou quando acabou de logar no site? E pra que serviria ele? Não me familiarizo com sistemas de blogs kk, mas se puder me explicar posso fazer algo com a mesma função e editável por você mesmo.

Até + amigão!

[/quote]

Target escreveu:Olá amigão,
Me tire uma dúvida rápida, este anúncio é exibido ao membro que acabou de entrar no site ou quando acabou de logar no site? E pra que serviria ele? Não me familiarizo com sistemas de blogs kk, mas se puder me explicar posso fazer algo com a mesma função e editável por você mesmo.

Até + amigão!

ADBlock e um plugin que tem para navegadores que bloqueia anúncios... Como muito ganha dinheiro com anúncios em seus site/blog/forum esse sistema e ideal para o visitante ou ate um membro so entra no site se nao tiver com adblock. Ate Mais.

Estou desenvolvendo uma função aqui para o senhor, ok?
Logo posto para vocês.

Bom, vamos lá.

Fiz um código que primeiramente checa a largura, e logo após a altura de um elemento, caso algum deles ou ambos sejam iguais a 0 ele mostra a mensagem que o senhor deseja.
Ele também checa se o elemento pai do anúncio existe, caso não exista ele também mostra a mensagem, e a última checagem é para saber se o elemento não está com display: none, ou visibility: hidden, ou então se a opacidade não é igual a 0; Caso entre em algum dos casos citados, ele também mostra a mensagem.

Primeiro, o senhor precisa adicionar uma div com o id ad-block-active com sua mensagem de erro, algo assim:

Código:

<div id="ad-block-active">Essa é a mensagem que aparece se estiver oculto.</div>

Logo em seguida deve esconder ele com o display:none na sua folha de estilo:

Código:

#ad-block-active {
   display: none;
}

Com a mensagem pré-preparada podemos avançar.

Primeiramente temos um array com os ids ou classes que existem em seus anúncios. Veja:

Código:

var elements = [
   '#ad',
   '#ad1',
   '#ad2',
   '#ad3',
   '#ad4'
];

Essa parte é a única que é necessário configurar. O resto age por si só, veja o script completo:

Código:

document.addEventListener('DOMContentLoaded', function() {
   
   var elements = [
      '#ad',
      '#ad1',
      '#ad2',
      '#ad3',
      '#ad4'
   ];
   
   elements.forEach(function(e) {
      var element = document.querySelector(e);
      isVisible(element);
   });
   
}, false);

function isVisible(element) {
   if(
      element.offsetWidth == 0 ||
      element.offsetHeight == 0 ||
      element.offsetParent == null ||
      element.style.display == 'none' ||
      element.style.visibility == 'hidden' ||
      element.style.opacity == 0
   ) {
      document.getElementById('ad-block-active').style.display = 'block';
   };
};

Basta que o senhor insira aqui

Código:

var elements = [
   '#ad',
   '#ad1',
   '#ad2',
   '#ad3',
   '#ad4'
];

Os ids e classes dos seus anúncios, substituindo os antigos.

Tudo bem simples.. Fiz os testes e obtive resultados satisfatórios.