https://github.com/tockn/vue-zucks-ad-banner

https://github.com/tockn/vue-zucks-ad-banner

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/tockn/vue-zucks-ad-banner
• Owner: tockn
• Created: 2020-01-10T10:35:59.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T05:00:28.000Z (almost 2 years ago)
• Last Synced: 2023-03-08T03:53:43.992Z (almost 2 years ago)
• Language: Vue
• Homepage:
• Size: 3.43 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 28
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-zucks-ad-banner (非公式)

## これは何？

これはVue.jsで[Zucks Ad Network](https://zucks.co.jp/publisher/adnetwork/)のWebバナー広告を表示するためのVueコンポーネントです。  

**非公式です**(規約的にNGでしたらすぐに消します)。  

公式から提供されるHTMLタグ（scriptタグ）はVueのコンポーネントでは扱えないため作成しました。

## Getting started

### Installation

```

npm i --save vue-zucks-ad-banner

```

### Use in `main.js`

```js

import VueZucksAdBanner from 'vue-zucks-ad-banner'

Vue.use(VueZucksAdBanner)

```

### Template

```vue

```

frameIdは、Zucks管理画面の「HTMLタグ」にあるURLのクエリの`f=?????`の数字を使ってください。（「Frame ID」に表示されてるIDではありません）

![frameid](frameid.png)