Ad

Banner 广告

参考文档

类型

  1. ComponentType<AdProps>

示例代码

  • React
  • Vue
  1. class App extends Component {
  2. render () {
  3. return (
  4. <Ad
  5. unitId=''
  6. adIntervals={60}
  7. onLoad={() => console.log('ad onLoad')}
  8. onError={() => console.log('ad onError')}
  9. onClose={() => console.log('ad onClose')}
  10. />
  11. )
  12. }
  13. }
  1. <template>
  2. <ad
  3. unit-id=""
  4. ad-intervals="60"
  5. @load="onLoad"
  6. @error="onError"
  7. @close="onClose"
  8. />
  9. </template>

AdProps

参数类型必填说明
unitIdstring广告单元id,可在小程序管理后台的流量主模块新建
adIntervalsnumber广告自动刷新的间隔时间,单位为秒,参数值必须大于等于30(该参数不传入时 Banner 广告不会自动刷新)
onLoadBaseEventOrigFunction<any>广告加载成功的回调
onErrorBaseEventOrigFunction<onErrorEventDetail>当广告发生错误时,触发的事件,可以通过该事件获取错误码及原因,事件对象event.detail = {errCode: 1002}
onCloseBaseEventOrigFunction<any>广告关闭的回调

API 支持度

API微信小程序H5React Native
AdProps.unitId✔️
AdProps.adIntervals✔️
AdProps.onLoad✔️
AdProps.onError✔️
AdProps.onClose✔️

onErrorEventDetail

参数类型
errCode1000 | 1001 | 1002 | 1003 | 1004 | 1005 | 1006 | 1007 | 1008

AdErrCode

广告错误码

错误码是通过onError获取到的错误信息。调试期间,可以通过异常返回来捕获信息。 在小程序发布上线之后,如果遇到异常问题,可以在“运维中心“里面搜寻错误日志,还可以针对异常返回加上适当的监控信息。

参数异常情况理由解决方案
1000后端错误调用失败该项错误不是开发者的异常情况一般情况下忽略一段时间即可恢复。
1001参数错误使用方法错误可以前往 developers.weixin.qq.com 确认具体教程(小程序和小游戏分别有各自的教程,可以在顶部选项中,“设计”一栏的右侧进行切换。
1002广告单元无效可能是拼写错误、或者误用了其他APP的广告ID请重新前往 mp.weixin.qq.com 确认广告位ID。
1003内部错误该项错误不是开发者的异常情况一般情况下忽略一段时间即可恢复。
1004无合适的广告广告不是每一次都会出现,这次没有出现可能是由于该用户不适合浏览广告属于正常情况,且开发者需要针对这种情况做形态上的兼容。
1005广告组件审核中你的广告正在被审核,无法展现广告请前往 mp.weixin.qq.com 确认审核状态,且开发者需要针对这种情况做形态上的兼容。
1006广告组件被驳回你的广告审核失败,无法展现广告请前往 mp.weixin.qq.com 确认审核状态,且开发者需要针对这种情况做形态上的兼容。
1007广告组件被封禁你的广告能力已经被封禁,封禁期间无法展现广告请前往 mp.weixin.qq.com 确认小程序广告封禁状态。
1008广告单元已关闭该广告位的广告能力已经被关闭请前往 mp.weixin.qq.com 重新打开对应广告位的展现。

API 支持度

API微信小程序H5React Native
Ad✔️