微信小程序广告-微信小程序广告

Grid 广告

小程序广告流量主操作指引：文档地址

开发者可以使用ad组件创建 Grid 广告组件，Grid 广告组件在创建后会自动拉取广告数据并显示。

广告尺寸设置

Grid 广告不允许直接设置样式属性，默认宽度为100%（width: 100%），高度会自动等比例计算，因此开发者可以设置广告外层组件的宽度调整广告的尺寸。格子广告有最小尺寸限制，5个的形态为331px，8个的形态为294px。

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

广告事件监听

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

245560d8885b5ee7312c5de53446e235

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

广告主题样式设置

a0f5595be4a2a4316aac5aae7adc5d0c

小程序视频广告组件提供黑、白两种主题样式，开发者可以在创建视频广告时传入ad-theme参数实现主题样式选择，ad-theme参数为字符串类型，参数值可选white,black

9fc1de6138264aa3e6a764f8cdca0259

广告格子个数设置

小程序视频广告组件提供黑、白两种主题样式微信小程序广告，开发者可以在创建视频广告时传入grid-count参数实现主题样式选择，grid-count参数为数字类型微信小程序广告，参数值可选5,8