[Feature Request] Hide button from frontend if ad-blocker is enabled about react-live-chat-loader HOT 3 CLOSED

Hey @dawsbot, thanks for logging.

As I see it, this isn't something that we're able to implement as it would mean intentionally adding ad-like CSS classes to the faux chat buttons so that they're potentially hidden by adblockers.

The problem with this approach, is that we may unintentionally hide a live chat button, regardless of whether it would be blocked or not.

Of course, you may be able to experiment with wrapping the facade button with classes to explore how this may work in practice without making changes to react-live-chat loader. Perhaps you could run a trial and report back with your findings?

For now I'll close off this issue, but if there's any further updates please feel free to keep posting on this issue so they're captured 👍

from react-live-chat-loader.

Hi @benschwarz I solved this by using https://ghub.io/adblock-detect-react

const adBlockDetected = useDetectAdBlock();

return (
    {!adBlockDetected ? (<HelpScout .../>) : null}
)

Currently live to 50+ simultaneous users at a time on https://earni.fi

from react-live-chat-loader.

Great, thanks for posting your solution @dawsbot ⚡

from react-live-chat-loader.