How to change the content of a DIV if you are using Adblock

Question

Hey guys, on my site there’s a button inside a div:

<div class="novolinkdedownload">
<a href="#" class="btn btn-primary" id="butdedownlaodnovo">BAIXAR AGORA</a>
</div>

has some way if the user is using the famous Adblock to disappear DIV original and appear another that I can create with a message, or something like that, IE appeared a message in place of the button asking to disable and reload the page?

OBSERVING

I’ve tried the options below I can’t.

LINK: Anti-adblock which replaces div and Detect Adblock and display a message

Answer 1

You can use Fuckadblock and use the function adBlockDetected() to do as you wish.

Below is a code to remove the link from div if any active Adblock is detected and replace with text:

document.addEventListener("DOMContentLoaded", function(){

   function adBlockDetected() {
      document.body.querySelector(".novolinkdedownload").innerHTML = "Desative o adblock e recarregue a página!"
   }

   if(typeof fuckAdBlock !== 'undefined' || typeof FuckAdBlock !== 'undefined') { 
      adBlockDetected(); 
   } else { 

      var importFAB = document.createElement('script'); 
      importFAB.onload = function() { 
         fuckAdBlock.onDetected(adBlockDetected);
      }
      importFAB.onerror = function() { 
         adBlockDetected(); 
      }
      importFAB.src = 'https://cdnjs.cloudflare.com/ajax/libs/fuckadblock/3.2.1/fuckadblock.min.js'; 
      document.head.appendChild(importFAB); 
   }
});