Ad- Block 检测服务

提供检测是否在使用广告屏蔽器的服务.

安装

npm i @flosportsinc/ng-ad-block

在你体内 BrowserModule (或 AppModule 如果您没有使用通用服务器)安装 FloAdBlockBrowserModule 像这样:

import { NgModule } from '@angular/core'
import { FloAdBlockBrowserModule } from '@flosportsinc/ng-universal-services/ad-block'

@NgModule({
  imports: [
    FloAdBlockBrowserModule.usingUrl('http://mysite.com/ads.js')
  ]
})
export class AppBrowserModule { }

您需要提供一个 API 端点来返回一个简单的 200 个响应对象 。 在这个例子中,我们使用"http://mysite.com/ads.js". 在url某处有"ad"这个词很重要.

如果您拥有通用应用程序, 您需要包含 FloAdBlockServerModule 内 AppServerModule 像这样:

import { NgModule } from '@angular/core'
import { FloAdBlockServerModule } from '@flosportsinc/ng-universal-services/ad-block'

@NgModule({
  imports: [
    FloAdBlockServerModule
  ]
})
export class AppServerModule { }

使用量

程序化

import { NgComponent } from '@angular/core'
import { AdBlockService } from '@flosportsinc/ng-ad-block'

@NgModule()
export class SomeComponent { 
  constructor(ads: AdBlockService) {
    ads.isAnAdBlockerActive.subscribe(isBlocked => {
      // access the boolean here
    })
  }
}

构造 HTML

隐藏或显示内容, 取决于 ad- blocker 检测状态 :

<!-- Show content if an ad blocker is NOT detected -->
<div *floIfNotAdBlocked>I am an ad that can likely be shown to the user</div>

<!-- Show content if an ad blocker is detected -->
<div *floIfAdBlocked>Hey, turn off your ad-blocker</div>