联盟pc,wap广告组件

百度联盟pc,wap广告组件,适用于Vue3，Vu2。更加便捷的在Vue框架下部署百度联盟pc，wap广告。

特点

1. 支持Vue3 和 Vue2
2. 支持反屏蔽投放和普通广告投放
3. 轻量封装，简单易用

安装

npm i -S union-ad-vue

用法

1. 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>

2. Vue 2

<template>
    <div>
        <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|||反屏蔽投放路径部分（反屏蔽投放必须）|