Quer seu anúncio aqui ? Temos preços especiais.

23/08/2017

Como alertar quem usa Adblock em meu site ?

Nenhum comentário :


O mal do século na internet, Adblocks, são tantos e de vários tipo, você está cansado de perder dinheiro, por causa de quem usa Adblocks, mas uma possível solução para isso, pode ser alertar seus usuários de que os anúncios ajudam a manter o site gratuito e ativo, ou você pode usar a força fazer o conteúdo não aparecer e emitir um alerta dizendo que aquele site só funciona com propagandas. Vamos aos códigos: Para não exibir o conteúdo você pode fazer o seguinte:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript>
 function adblocks() {
  document.getElementById('main-div').style = 'display: none;';
  document.getElementById('adblock-div').style = 'display: block;';
  <!-- Feito por Aprendizador -->
 }
</script>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" onerror="adblocks()" ></script>
</head>
<body>
<div id="adblock-div" style="display: none;">
 Ops!, você está usando Adblocks, este site só funciona com Adblocks desligados, desligue-o por favor, obrigado!.
</div>
<div  id="main-div" style="display: block;">
 Obrigado você não está usando Adblocks
</div> 
</body>
</html>


Vamos entender o código acima. Se houver erro no carregamento do script de anúncios chame a função adblocks que mostra (display: block;) a div de id adblock-div e oculta (display: none;) a div de id main-div



Para exibir um alerta é muito mais simples, segue o código:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript>
 function adblocks() {
  alert('Por favor desative seu Adblocks, anúncios ajudam a manter nosso site ativo e gratuito');
  <!-- Feito por Aprendizador -->
 }
</script>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" onerror="adblocks()" ></script>
</head>
<body>
 Texto e mais texto: blá, blá, blá. 
</body>
</html>


Vamos entender o código acima. Se houver erro no carregamento do script de anúncios, chame a função adblocks que mostra um alerta com o conteúdo "Por favor desative seu Adblocks, anúncios ajudam a manter nosso site ativo e gratuito.

Para exibir uma div é mais simples ainda, segue o código:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript>
 function adblocks() {
  document.getElementById('adblock-div').style = 'display: block;';
  <!-- Feito por Aprendizador -->
 }
</script>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" onerror="adblocks()" ></script>
</head>
<body>
 <div style="width: 100%;display: none;" id="adblock-div">Por favor desative seu Adblock, anúncios ajudam a manter nosso site ativo e gratuito</div>
 Texto e mais texto: blá, blá, blá. 
</body>
</html>


Vamos entender o código acima. Se houver erro no carregamento do script de anúncios, chame a função adblocks que mostra a div com id adblock-div.

Dúvidas ? Deixe nos comentários

Nenhum comentário :

Postar um comentário

Ao acessar e comentar em nossos serviços você concorda com a nossas Politicas de privacidade, com nossos Termos de Uso e com a nossas Políticas de segurança