微信小程序 广告·视频广告

1. 小程序视频广告流量主操作指引

开发者可使用ad组件创建小程序视频广告组件，在创建后会自动拉取广告数据并显示。支持的渲染模式为同层渲染，不支持嵌套使用。详情文档请查看小程序视频广告流量主操作指引。

2. 广告尺寸设置

小程序视频广告组件默认宽度为100%（width: 100%），高度会自动等比例计算，广告外层组件的宽度可进行调整，但不允许小于屏幕宽度90%，当宽度小于90%时，视频广告组件会被强制调整为屏幕宽度的90%。

/* 外层组件的宽度可设置成100%或具体数值 */
.adContainer {
  width: 100%;
}

<view class="adContainer">
  <ad unit-id="xxxx" ad-type="video" ad-theme="white"></ad>
</view>

3. 广告主题样式设置

小程序视频广告组件提供黑、白两种主题样式，可以在创建视频广告时使用ad-theme参数实现主题样式选择，ad-theme参数的取值为字符串型，可选white或black。

<view class="adContainer">
  <ad unit-id="xxxx" ad-type="video" ad-theme="white"></ad>
</view>

<view class="adContainer">
  <ad unit-id="xxxx" ad-type="video" ad-theme="black"></ad>
</view>

4. 广告事件监听

视频广告在创建后会自动拉取广告。开发者可以通过 ad 组件的 onload 和 onerror 事件监听广告是否成功拉取，通过 onclose 事件监听广告是否被关闭。

<view class="adContainer">
  <ad unit-id="xxxx" ad-type="video" ad-theme="white" bindload="adLoad" binderror="adError" bindclose="adClose"></ad>
</view>

Page({
  adLoad() {
    console.log('小程序视频广告加载成功')
  },
  adError(err) {
    console.log('小程序视频广告加载失败', err)
  },
  adClose() {
    console.log('小程序视频广告关闭')
  }
})

5. 广告定时刷新

小程序视频广告组件不适用于定时刷新参数ad-intervals。