ng-adblock-detect

Adblock detector for Angular 8+ applications

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
ng-adblock-detect
1.0.24 years ago4 years agoMinified + gzip package size for ng-adblock-detect in KB

Readme

Angular Adblock Detect
Super simple compact adblock detector for Angular 8+. Angular Universal/SSR compatible.

Usage

First, import the NgAdblockDetectModule to your module:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgAdblockDetectModule } from 'ng-adblock-detect';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppComponent } from './app';

@NgModule({
  imports: [BrowserModule, NgAdblockDetectModule],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}

platformBrowserDynamic().bootstrapModule(AppModule);

The adblockDetected callback will be invoked after the view has loaded:
import { Component } from '@angular/core';

@Component({
  selector: 'app',
  template: `
    <h1>Home Page</h1>

    <ng-adblock-detect (adblockDetected)="detected($event)"></ng-adblock-detect>
  `
})
export class AppComponent {
  
  detected(isDetected: boolean) {
    console.log(`Adblock Detected: ` ${isDetected});
  }
}

By default, the adblockDetected callback is invoked after 1 second. This can be configured by passing in a timer parameter to the component (milliseconds):
<ng-adblock-detect (adblockDetected)="detected($event)" timer="5000"></ng-adblock-detect>

DEMO

With adblock enabled, click this link and navigate to a phone number