小程序 接入流量主广告

最近公司开发的小程序需要接入流量主广告，让我去开发。这里记录一下开发过程

首先，小程序开通流量主有以下几个条件：

• 累计独立访客（UV）不低于1000
• 有严重违规记录的小程序不予申请

开通之后，我们要创建广告位，拿到广告位 ID

这里用 激励视频广告 举例

把下面代码复制到项目里，就可以看到效果了

激励视频广告组件默认是隐藏的，在用户主动触发广告后，开发者需要调用 RewardedVideoAd.show() 进行显示

用户在什么时候触发广告，就要自己去安排了

// 在页面中定义激励视频广告
let videoAd = null

// 在页面onLoad回调事件中创建激励视频广告实例
if (wx.createRewardedVideoAd) {
  videoAd = wx.createRewardedVideoAd({
    adUnitId: '这里填广告位ID'
  })
  videoAd.onLoad(() => {})
  videoAd.onError((err) => {})
  videoAd.onClose((res) => {
    // 用户点击了【关闭广告】按钮
    if (res && res.isEnded) {
      // 正常播放结束，可以下发游戏奖励
    } else {
      // 播放中途退出，不下发游戏奖励
    }
  })
}

// 用户触发广告后，显示激励视频广告
if (videoAd) {
  videoAd.show().catch(() => {
    // 失败重试
    videoAd.load()
      .then(() => videoAd.show())
      .catch(err => {
        console.log('激励视频 广告显示失败')
      })
  })
}

激励视频广告文档地址：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html