@tsit/ads

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