AdBlockers are a common problem for website owners who rely on advertising revenue, such as through Google AdSense. However, detecting if a visitor is using an AdBlocker on a WordPress website can help increase AdSense revenue. In this article, we will discuss the process of detecting AdBlockers on a WordPress site and how it can positively impact AdSense revenue.

Adblocker Detection WordPress Plugin

Detection of Adblocker in WordPress
Detection of Adblocker in WordPress

We are going to use a plugin named CHP Ads Block Detector, it has two version. We highly encourage you to use the paid version. But if you have financial issue like us, then you can simply put the codes below in the shown places.

Custom CSS to beautify the plugin’s look and feel.

We are assuming you know how to install plugin in WordPress and you have already installed the plugin we recommended. Now follow the following steps:

1. First Select Plugin File Editor from Plugins. [Plugins> Plugin File Editor]

Plugin File Editor WordPress
Plugin File Editor WordPress

2. Now Select CHP Ads Block Detector from the Drop down menu and press Select.

Select CHP Ads Block Detector
Select CHP Ads Block Detector

3. Now from the Plugin Files Select header_part.php which is in the view section. [view> header_part.php]

Select Header Part from View
Select Header Part from View

4. Now go to line 346 and delete 346-354 lines of codes. See the image below for better understanding.

Delete these Codes
Delete these Codes

5. Now Put the below codes there.

.<?php echo $this->rclass("theme"); ?> *{
    color: #000;
    text-align: center;
    text-decoration: none;
	display: block;
    border-radius:35px;
}
	
.<?php echo $this->rclass("theme"); ?> img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}

.<?php echo $this->rclass("theme"); ?> a{
    cursor: pointer;
	background: #FF3152;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
	text-decoration: none;
    width:100%; 
    border-radius:50px;
    height:46px; 
    line-height:45px;
}
	
.<?php echo $this->rclass("theme"); ?> a:hover{
    background: #FFD012;
    color: #000;
}

6. Now go the Customize Option of your page. [Appearance> Customize]

Customize CSS
Customize CSS

7. And add the below codes to Additional CSS.

.adblock_title {
	text-align:center;
	font-size:35px;
}

.adblock_subtitle{
	font-weight:500!important;
	font-size:18px;
	color:#635a56;
	text-align:center;
}

That’s all we have to do. Now let’s see the final outcome.

Previous
Previous
After
After