web-monetization-ad-hider
v0.3.0
A web component to hide ads when payment via the Web Monetization API is detected
0/weekUpdated 3 years agoMITUnpacked: 20.1 KB
Published by Phil Nash
npm install web-monetization-ad-hider
<💰>
Web Monetization Components
</💰>
<wm-ad-hider>
A web component that hides ads if it determines the user is sending payments via web monetization.
Installation
$3
You can install with npm.
``bash`
npm install web-monetization-ad-hider
Once installed, you can either use the minified version by referencing it from the dist directory.
`html`
Or if you have a build step, you can require the module.
`javascript`
const WebMonetizationAdHider = require("web-monetization-ad-hider");
$3
If you want to use the component from the unpkg CDN then you can.
You can get the latest version using the bare URL. See more options on https://unpkg.com/.
`html`
Usage
Wrap your ad code inside a element then in the component.
`html`
The makes the ad code inert (it doesn't render or fetch any linked resources). If the browser doesn't support web monetization (because document.monetization is not present) the ad code will be rendered immediately.
If the browser does support Web Monetization the will wait for 3 seconds and if no payment is detected the ads will be shown. If payment is detected before that time then no ads will be shown. If payment starts after that time, then ads will be removed from the page.
$3
- timeout: The amount of time, in milliseconds the component will wait for monetization to start.
Default: 3000 (3 seconds)
Example:
`html`
- template: A CSS selector that points to a elsewhere on the page.
If your ad code lives elsewhere on the page, you can point to it with the template attribute.
Example:
`html
``
LICENSE
MIT (c) 2020 Phil Nash