# vue-ad-banners

> Google AdSense component for Vue.js

Latest version **1.0.0** (published 2017-11-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-ad-banners
pnpm add vue-ad-banners
yarn add vue-ad-banners
bun add vue-ad-banners
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2017-11-15 |
| First published | 2017-11-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Codefuhrer |
| Maintainers | codefuhrer |
| Keywords | vue, vuejs, adsense, ads, banner, functional |

## Links

- npm: https://www.npmjs.com/package/vue-ad-banners
- Repository: https://github.com/ingria/vue-ad-banners
- Homepage: https://github.com/ingria/vue-ad-banners#readme
- Issues: https://github.com/ingria/vue-ad-banners/issues
- npm.io page: https://npm.io/package/vue-ad-banners

## Alternatives

- [csv-to-markdown-table](https://npm.io/package/csv-to-markdown-table.md) — 47.0K weekly downloads
- [@sapphire/ratelimits](https://npm.io/package/@sapphire/ratelimits.md) — 4.4K weekly downloads
- [js-csvparser](https://npm.io/package/js-csvparser.md) — 2.0K weekly downloads
- [@adadapted/js-sdk](https://npm.io/package/@adadapted/js-sdk.md) — 251 weekly downloads
- [@grapecity/spread-sheets-sparklines](https://npm.io/package/@grapecity/spread-sheets-sparklines.md) — 103 weekly downloads

## Recent versions

- 1.0.0 (latest) — 2017-11-15

## README

# Google AdSense component for Vue

Right now there's only one supported system: Google AdSense. I'll add some other ad systems later (or on demand).

## Installation

```bash
npm install --save-dev vue-ad-banners
```

> Don't forget to include the `adsbygoogle.js` file in your HTML!

```html
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
```

## Google AdSense

Import the component:

```js
import { BannerAdsense } from 'vue-ad-banners';
```

Register the component:

```js
// Globally:
Vue.component('banner-adsense', BannerAdsense);

// Or locally:
new Vue({
    ...
    components: {
        BannerAdsense,
    },
    ...
});
```

And put into your DOM:

```html
<banner-adsense
    ad-client="ca-pub-xxxxxxxx"
    ad-slot="XXXXXX"
    ad-format="auto">
</banner-adsense>
```

---
_Source: https://npm.io/package/vue-ad-banners · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._