An open API service indexing awesome lists of open source software.

https://github.com/albert-gonzalez/in-article-ad-tool

Tool for inserting ads repeatedly between DOM elements
https://github.com/albert-gonzalez/in-article-ad-tool

ad adsense

Last synced: about 1 year ago
JSON representation

Tool for inserting ads repeatedly between DOM elements

Awesome Lists containing this project

README

          

# inArticleAdTool

Tool for inserting an Ad repeatedly between elements. Is designed for Google's inArticleAd, but it could be used for other ads.

## INSTALL

```
npm install in-article-ad-tool
```

## USAGE

### SCRIPT

```html

inArticleAdTool.init(options);

```

### ESM

```js
import inArticleAdTool from 'in-article-ad-tool';

inArticleAdTool.init(options);
```

### OPTIONS

* containerSelector: CSS Selector of the element(s) that contains the children where the ad code will be inserted. Required.
* elementSelector: CSS Selector of the container's children. Default: 'p'.
* adCode: Ad Code that will be inserted. It can be an String or a function. Required.
* firstAppearance: Number of elements needed before the first ad will be inserted. Default: 3.
* insertEvery: Number of elements needed before the ad will be inserted again. If this value is 0 the ad will not be inserted again. Default: 3.
* limit: Limit of ads that will be inserted. If 0 there is no limit. Default: 0.

### Example

#### HTML

```html













```

#### JS

```js
inArticleAdTool.init({
containerSelector: '.container',
elementSelector: 'p',
adCode: `



(adsbygoogle = window.adsbygoogle || []).push({});

`,
firstAppearance: 2,
insertEvery: 2
});
```

#### Result

```html







(adsbygoogle = window.adsbygoogle || []).push({});








(adsbygoogle = window.adsbygoogle || []).push({});






```