NoBlocky Examples

Explore different ways to integrate NoBlocky into your applications. From simple implementations to advanced configurations and framework integrations.

🚀

Beginner

Basic Usage

Simple adblock detection with minimal configuration

View Example

⚙️

Intermediate

Advanced Features

Full configuration options and advanced detection methods

View Example

⚛️

Intermediate

React Integration

Using NoBlocky with React components and hooks

View Example

💚

Intermediate

Vue.js Integration

Vue.js components with reactive adblock detection

View Example

🟢

Advanced

Node.js Usage

Server-side detection and API integration examples

View Example

📊

Advanced

Performance Testing

Benchmark different detection methods and configurations

View Example

🛠️ Getting Started

Before exploring the examples, make sure you have NoBlocky installed in your project:

npm install noblocky

Each example includes complete source code, explanations, and live demonstrations. You can copy and paste the code directly into your projects.

📚 Quick Reference

Basic Detection

import { detectAdblock } from 'noblocky';

const result = await detectAdblock();
// Multi-strategy results available

Configuration Options

detectAdblock({

timeout: 5000,

debug: true,

adSelectors: ['.ad'],

checkParent: true

});