https://github.com/grxy/react-ad-block-detect

A React component that renders its children if an ad blocker is detected
https://github.com/grxy/react-ad-block-detect

ad-block ad-blocker adblock adblock-plus adblocker detect es2015 es2016 es2017 javascript react

Last synced: 4 days ago
JSON representation

A React component that renders its children if an ad blocker is detected

• Host: GitHub
• URL: https://github.com/grxy/react-ad-block-detect
• Owner: grxy
• License: mit
• Created: 2017-03-12T01:47:25.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2025-09-27T02:54:17.000Z (12 days ago)
• Last Synced: 2025-09-27T04:24:58.244Z (12 days ago)
• Topics: ad-block, ad-blocker, adblock, adblock-plus, adblocker, detect, es2015, es2016, es2017, javascript, react
• Language: JavaScript
• Size: 157 KB
• Stars: 7
• Watchers: 1
• Forks: 2
• Open Issues: 36
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# react-ad-block-detect

A React component that renders its children if an ad blocker is detected

[![npm version](https://img.shields.io/npm/v/react-ad-block-detect.svg?style=flat)](https://www.npmjs.com/package/react-ad-block-detect)

[![Travis Build Status](https://travis-ci.org/grxy/react-ad-block-detect.svg?branch=master)](https://travis-ci.org/grxy/react-ad-block-detect)

[![Circle Build Status](https://circleci.com/gh/grxy/react-ad-block-detect.svg?style=shield)](https://circleci.com/gh/grxy/react-ad-block-detect)

[![Coverage Status](https://coveralls.io/repos/github/grxy/react-ad-block-detect/badge.svg?branch=master)](https://coveralls.io/github/grxy/react-ad-block-detect?branch=master)

[![dependencies Status](https://david-dm.org/grxy/react-ad-block-detect/status.svg)](https://david-dm.org/grxy/react-ad-block-detect)

[![devDependencies Status](https://david-dm.org/grxy/react-ad-block-detect/dev-status.svg)](https://david-dm.org/grxy/react-ad-block-detect?type=dev)

## Installation

    npm install react-ad-block-detect

## Usage

    import React, { Component } from 'react';

    import AdBlockDetect from 'react-ad-block-detect';

    class MyComponent extends Component {

        render() {

            return (

                

                    
Show this if an ad blocker has been enabled.

                

            );

        }

    }