Banner 广告

旧文档请查看:Banner 广告旧 API

qg.createBannerAd(object)

以下所有 API 需支持最低平台版本号'1051' (minPlatformVersion>='1051')

创建 Banner 广告组件,如果已经创建过 Banner 广告组件,则会使用已创建的广告组件对象

参数

object

属性 类型 是否必填 说明
adUnitId string Banner 广告位标识,需在 OPPO 联盟后台申请
style object banner 广告组件的样式

object.style 的结构

属性 类型 是否必填 说明
top number 定义 banner 左上角距离屏幕上边的距离
left number 定义 banner 左上角距离屏幕左边的距离
width number 定义 banner 展示的宽度
height number 定义 banner 展示的高度

代码示例:

var bannerAd = qg.createBannerAd({
  adUnitId: 'xxx',
  style: {
    top: 300,
    left: 0,
    width: 900,
    height: 300
  }
})

bannerAd.style

修改广告的展示位置,参数必须保证广告能够在屏幕完全展示,否则设置不生效

bannerAd.style = {
  top: 300,
  left: 0,
  width: 900,
  height: 300
}

bannerAd.show()

调用 show 方法请求展示 banner

返回值

Promise

banner 广告显示操作的结果

bannerAd.hide()

隐藏 banner, 出错的时候回调 onError

bannerAd.onHide(function callback)

设置 banner 隐藏回调,用户手动点击 banner 页面上的关闭按钮也会回调到这里

代码示例:

bannerAd.onHide(function() {
  console.log('banner 广告隐藏')
})

bannerAd.offHide()

移除 banner 隐藏回调

bannerAd.onLoad(function callback)

设置 banner 成功展示回调

代码示例:

bannerAd.onLoad(function() {
  console.log('banner 广告加载成功')
})

bannerAd.offLoad(function callback)

移除 banner 加载成功回调

bannerAd.onError(function callback)

设置失败回调

代码示例:

bannerAd.onError(function(err) {
  console.log(err)
})

bannerAd.offError(function callback)

移除失败回调

bannerAd.onResize(function callback)

设置广告显示宽高变化回调

代码示例:

bannerAd.onResize(function(obj) {
  console.log('banner 宽度:' + obj.width + ', banner 高度:' + obj.height)
})

bannerAd.offResize(function callback)

移除广告显示宽高变化回调

bannerAd.destroy()

销毁组件,释放资源

© 2020 OPPO. All rights reserved.

results matching ""

    No results matching ""