@tsit/ads
v1.2.1
Published
Add this element to your HTML document (width can be anything): ```html <div class="nb" style="width: 400px; height: 64px"></div> ```
Downloads
350
Readme
Simple Usage
Add this element to your HTML document (width can be anything):
<div class="nb" style="width: 400px; height: 64px"></div>
Then add the required scripts:
<script src="https://unpkg.com/@tsit/ads"></script>
<script>TSAds.init({ placement: 'vidanama' })</script>
Done!
Advanced Usage
First install the package via NPM:
npm install @tsit/ads
Options: can be used in TSAds.init(options)
:
{
className: string // default is 'nb'
placement: 'vidanama' | 'kingsera' | 'mihannic' | 'mihansmscenter' | null
lazy: boolean // default is false
default: NativeAd
}
If options.lazy
is truthy you can send request to get ads later:
import TSAds from '@tsit/ads'
const ad = TSAds.init({ placement: 'vidanama', lazy: true })
//...
ad.fetchAd(function (error) {
if (!error) ad.inject(document.getElementById('my-custom-banner'))
})
options.default
used to set default ad if no ads found! Set it to null
to remove ad banner from the page in this case (not recommended, because it causes layout shift).
fetchAd
: Requests to get new ad from server
inject
: Injects the ad into element that has options.className