Banner 组件
Banner 广告
开发者可以使用 ad 组件创建 Banner 广告组件,Banner 广告组件在创建后会自动拉取广告数据并显示。
广告尺寸设置
banner 广告尺寸默认:1180x150、300x500、300x300 三种,开发者可选择调用 banner 随意添加到自己产品中的任意位置
广告事件监听
Banner 广告在创建后会自动拉取广告。开发者可以通过 ad 组件的 adload 和 aderror 事件监听广告拉取成功或失败,可以通过 adclose 事件监听广告被关闭。
测试 showid
300x300: S7rfLt
300x500: QJUKFf
1180x150: IfTTFv
使用示意
<div style="width:300px;">
<se-ad unit-id="S7rfLt" @adload="onadLoad" @aderror="onadError" @adclose="onadClose"></se-ad>
</div>
<script>
export default {
methods: {
onadLoad() {
console.log('Banner 广告加载成功')
},
onadError(err) {
console.log('Banner 广告加载失败', err)
},
onadClose() {
console.log('Banner 广告关闭')
}
}
}
</script>
Props
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
unit-id | string | 是 | 广告单元 id |
Events
事件名称 | 类型 | 说明 |
---|---|---|
adload | EventHandle | 广告加载成功的回调 |
aderror | EventHandle | 广告加载失败的回调 |
adclose | EventHandle | 广告关闭的回调 |
错误码信息与解决方案表
代码 | 异常情况 | 理由 | 解决方案 |
---|---|---|---|
1000 | 后端错误调用失败 | 该项错误不是开发者的异常情况 | 一般情况下忽略一段时间即可恢复。 |
1003 | 内部错误 | 该项错误不是开发者的异常情况 | 一般情况下忽略一段时间即可恢复。 |
1004 | 无适合的广告 | 广告不是每一次都会出现,这次没有出现可能是由于该用户不适合浏览广告 | 广告不是每一次都会出现,这次没有出现可能是由于该用户不适合浏览广告 |