Banner 组件

Banner 广告

开发者可以使用 ad 组件创建 Banner 广告组件,Banner 广告组件在创建后会自动拉取广告数据并显示。

广告尺寸设置

banner 广告尺寸默认:1180x150、300x500、300x300 三种,开发者可选择调用 banner 随意添加到自己产品中的任意位置

广告事件监听

Banner 广告在创建后会自动拉取广告。开发者可以通过 ad 组件的 adload 和 aderror 事件监听广告拉取成功或失败,可以通过 adclose 事件监听广告被关闭。

测试 showid

300x300: S7rfLt

300x500: QJUKFf

1180x150: IfTTFv

使用示意

Banner 组件 - 图1

  1. <div style="width:300px;">
  2. <se-ad unit-id="S7rfLt" @adload="onadLoad" @aderror="onadError" @adclose="onadClose"></se-ad>
  3. </div>
  4. <script>
  5. export default {
  6. methods: {
  7. onadLoad() {
  8. console.log('Banner 广告加载成功')
  9. },
  10. onadError(err) {
  11. console.log('Banner 广告加载失败', err)
  12. },
  13. onadClose() {
  14. console.log('Banner 广告关闭')
  15. }
  16. }
  17. }
  18. </script>

Props

属性类型默认值必填说明
unit-idstring广告单元 id

Events

事件名称类型说明
adloadEventHandle广告加载成功的回调
aderrorEventHandle广告加载失败的回调
adcloseEventHandle广告关闭的回调

错误码信息与解决方案表

代码异常情况理由解决方案
1000后端错误调用失败该项错误不是开发者的异常情况一般情况下忽略一段时间即可恢复。
1003内部错误该项错误不是开发者的异常情况一般情况下忽略一段时间即可恢复。
1004无适合的广告广告不是每一次都会出现,这次没有出现可能是由于该用户不适合浏览广告广告不是每一次都会出现,这次没有出现可能是由于该用户不适合浏览广告