Simple vanilla JavaScript AdBlock Detector.
Click here to try it out. Turn on/off your ad blocker and refresh.
- Download/Clone the project, upload the file
abDetector.min.js - Put this in your
<head>:<script type="text/javascript" src="abDetector.min.js"></script>
- Use this wherever you want to display a message to AdBlock users:
<div id="ab-message" style="display: none">Your message here!</div>
You're done!
- If you really hate inline styles, you can still style the message in your CSS file.
- Since it's an element just like any other elements, you can show whatever you want with it (i.e. popups, images…)
Thanks for using my script. If you found any bugs or you think something's wrong, please, file an issue or even better, send me a pull request. I'll be more than happy to check it out.
Don't forget to keep in touch :)
Enjoy.