Hello Chris,

I am afraid nothing we can do about this. If the browser extension is to block ads, then we can't prevent it since the ads in EasySocial is exactly what an advertisement does. Our control is only within Joomla, meaning, we can see what Joomla's code does and we can possibly maneuver around it. As this is came from browser extension that we can't really know what they do/check in order to block the advertisement feature in EasySocial.

Too bad, then I'll just store an information that an AD blocker is enabled in the browser.

But it is stupid that the user can not make a request as an advertiser and only sees a white page.

But I will come up with a solution.

Thanks Nik

Hello Chris,

I checked the page when Avira is enabled, it seems like this is where it hides the page content: https://take.ms/b07Cc . The content is loaded on the page but Avira go and scan the whole page for possible ads content class and inject display: none !important. With that said, it is not possible for us to show any message if the page is blocked by Avira.

Until I come up with something better I have done this now.

So at least a message is displayed in the frontend.

Is very simple, but effective...

#es .es-stream-embed__cover-img {
z-index: 1;
}
#es .es-stream-list>li[data-stream-ads-item] .es-stream-embed__cover:after {
content: " Your AD blocker in the browser is active. Turn it off to see more. ";
font-family: Heebo,Helvetica,Arial,sans-serif;
position: absolute;
top: 30%;
width: 100%;
left: 0;
padding: 20px;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
z-index: 0;
color: #d9534f;
text-transform: uppercase;
}

Hello Nik,

Please check the attached screenshot.
This is a Joomla ad component with integrated AdBlocker "management"

Thanks. I will add this in our tracker and see how we can implement it.

Thanks.

And please something like this in the frontend:

#es .es-stream-embed__cover-img {
z-index: 1;
}
#es .es-stream-list>li[data-stream-ads-item] .es-stream-embed__cover:after {
content: " Your AD blocker in the browser is active. Turn it off to see more. ";
font-family: Heebo,Helvetica,Arial,sans-serif;
position: absolute;
top: 30%;
width: 100%;
left: 0;
padding: 20px;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
z-index: 0;
color: #d9534f;
text-transform: uppercase;
}

Hello Chris,

We will see the best way to implement this as well.