# BannerAd wuji.createBannerAd(Object opts)

创建 banner 广告组件。 每次调用该方法创建 banner 广告都会返回一个banner广告的实例。 createBannerAd 成功后会自动加载广告物料。

# opts 对象属性说明

属性 类型 是否必填 描述
opts Object 对象参数
opts.adIntervals number 广告自动刷新的间隔时间,单位为秒,参数值必须大于等于30(该参数不传入时 Banner 广告不会自动刷新) 基础库版本>=1.0.1支持
opts.adUnitId string 广告位 ID, 该字段必传,但是值可以先为空
opts.style Object banner 广告组件的样式

# opts.style 对象属性说明

属性 类型 是否必填 描述
style.top number banner 广告左上角的纵坐标值
style.left number banner 广告左上角的横坐标值
style.width number banner 广告的宽度
style.height number banner 广告的高度,宽高比是固定的,height 值可不传

# 备注

banner 广告组件的宽高比是固定值,所以开发者只需要传入 width 值即可。

# 返回值

若接口调用成功,则返回小游戏的 banner 广告组件对象。

BannerAd

# 示例

var { windowWidth, windowHeight } = wuji.getSystemInfoSync();

var targetBannerAdWidth = windowWidth - 20;

var example = {
  adUnitId: '',  // 该字段必传,但是值可以先为空
  style: {
    top: windowHeight, // 置于屏幕底部
    left: (windowWidth - targetBannerAdWidth) / 2, // 居中
    width: targetBannerAdWidth,
    //height: 200, // 宽高比是固定的,height值可不传
  }
}
var bannerAd = wuji.createBannerAd(example);
bannerAd.onLoad(() => {
  bannerAd.show()
  .then(() => console.log('banner ad 展示成功'))
  .catch(err => console.log(err));
})
Last Updated: 2020-11-09