视频前贴广告

小程序广告流量主操作指引：文档地址
开发者可以在 video 组件中添加属性配置，创建小程序视频前贴广告组件，视频广告组件在创建后会自动拉取广告数据，视频播放前展示广告。

广告样式

展示样式在开发者所设置的video组件中，以16：9的比例，垂直或者水平居中

广告创建

在video 组件中添加了以下广告相关的属性配置，设置ad-unit-id后可以展示对应广告

属性类型默认值必填说明
ad-unit-idstring是广告单元id，可在小程序管理后台的流量主模块新建
bindadloadeventhandle否广告加载成功的回调
bindaderroreventhandle否广告加载失败的回调,返回码同ad组件
bindadcloseeventhandle否广告关闭的回调
bindadplayeventhandle否广告开始，结束播放的回调 event.detail = {type: ‘begin/end’}

添加广告单元，绑定广告事件

  1. <video 
  2.   class="xxx"
  3.   src="xxx"
  4.   bindadplay="onAdplay"
  5.   bindadload="onAdload"
  6.   bindadclose="onAdclose"
  7.   bindaderror="onAdError"
  8.   ad-unit-id="xxx"
  9. >
  10. </video>

监听广告事件

  1. Page({
  2.   onAdplay(e) {
  3.     console.log('onAdplay', e)
  4.   },
  5.   onAdload(e){
  6.     console.log('onAdload', e)
  7.   },
  8.   onAdclose(e) {
  9.     console.log('onAdclose', e)
  10.   },
  11.   onAdError(e) {
  12.     console.log('onAdError', e)
  13.   },
  14. })

广告预加载

开发者可以调用 wx.preloadVideoAd 的方式进行广告的预加载

  2. const adUnitId1 = 'xxx'
  3. const adUnitId2 = 'xxx'
  4. wx.preloadVideoAd([adUnitId1, adUnitId2])

错误码

错误码是通过bindaderror回调获取到的错误信息，前贴广告再普通广告组件ad错误码基础上新增了以下错误码。

代码异常情况解决方案
3001命中频控策略按照没有广告处理
3002命中频控策略按照没有广告处理
3003命中频控策略按照没有广告处理
3004命中频控策略按照没有广告处理

注意事项

1、支持视频预加载能力：文档地址。

2、仅支持同层渲染模式下的video组件。

3、开发者可监听bindadplay事件获取广告播放状态，做出相应处理。

4、ad-unit-id不支持异步设置，只支持设置在wxml或者js文件的data属性里，通过setData设置的无效。

5、全屏模式下不展示视频前贴广告。