0.0.5 • Published 3 years ago
@xulin06/union-ad-vue v0.0.5
联盟pc,wap广告组件
百度联盟pc,wap广告组件,适用于Vue3,Vu2。更加便捷的在Vue框架下部署百度联盟pc,wap广告。
特点
- 支持Vue3 和 Vue2
- 支持反屏蔽投放和普通广告投放
- 轻量封装,简单易用
安装
npm i -S union-ad-vue
用法
- Vue 3
<template>
<div id="app">
<h1>Vue 广告投放组件测试页面</h1>
<h3>普通投放</h3>
<UnionAd id="u2671865"></UnionAd>
<h3>反屏蔽投放</h3>
<UnionAd
id="u6523902"
domain="cdn.lovedword.com"
path="common/fa/z/xp_sigp.js"
>
</UnionAd>
</div>
</template>
<script>
import {createUnionAdComponent} from 'union-ad-vue';
import {h} from 'vue';
export default {
name: 'App',
components: {
UnionAd: createUnionAdComponent(h)
}
};
</script>
- Vue 2
<template>
<div id="app">
<h1>Vue 广告投放组件测试页面</h1>
<h3>普通投放</h3>
<UnionAd id="u2671865"></UnionAd>
<h3>反屏蔽投放</h3>
<UnionAd
id="u6523902"
domain="cdn.lovedword.com"
path="common/fa/z/xp_sigp.js"
>
</UnionAd>
</div>
</template>
<script>
import {createUnionAdComponent} from 'union-ad-vue';
export default {
name: 'App',
components: {
UnionAd: createUnionAdComponent()
}
};
</script>
全局 API
定义 | 返回值 | 说明 |
---|---|---|
createUnionAdComponent (options: Options): object | 组件定义对象 | 创建组件 |
Options
属性 | 类型 | 默认值 | 可选 | 说明 |
---|---|---|---|---|
id | string | ✔ | 代码位id,是必须的 | |
domain | string | 反屏蔽脚本域名(反屏蔽投放必须) | ||
path | string | 反屏蔽投放路径部分(反屏蔽投放必须) |