【小程序激励视频】--wepy小程序添加激励视频

小程序开放激励视频是对小程序开发者一个福音，小程序开发者可以完成一些变现，以增加收入！

本文章针对已经有开发经验或者正在进行小程序开发的同学~

官方文档：激励视频广告

1.定义页面变量，用于创建视频实例

const = {
    videoAd: null
}

2.创建广告视频

  /**
   * @method createVideoAd 创建广告视频
   */
  createVideoAd() {
    // 创建广告位
    if (wx.createRewardedVideoAd) {
      // 加载激励视频广告
      this.const.videoAd = wx.createRewardedVideoAd({
        adUnitId: 'adunit-7526e41971f4e415'
      })
      //捕捉错误
      this.const.videoAd.onError(err => {
      // 进行适当的提示
      wx.showToast({
        title: '视频异常',
        icon: 'none'
      })
      })
      // 监听关闭
      this.const.videoAd.onClose((status) => {
        if (status && status.isEnded || status === undefined) {
          // 正常播放结束，下发奖励
          this.doubleReward()
        } else {
          // 播放中途退出，进行提示
          wx.showToast({
            title: '未完整观看视频',
            icon: 'none'
          })
        }
      })
    }
  }

3.调用播放视频播放

  /**
   * @method loadVideo 加载视频并播放
   */
  loadVideo(){
    if(this.const.videoAd){
      this.const.videoAd.load()
      .then(() => {
        this.const.videoAd.show()
      })
      .catch(err => {
        // 视频加载失败重试,酌情添加
        this.const.videoAd.load()
        .then(() => {
          this.const.videoAd.show()
        })
        .catch(err => {
          wx.showToast({
            title: '视频加载失败！',
            icon: 'none'
          })
        })
      })
    }
  }

4.具体使用

...
// 页面触发tap事件调用
viewVideo() {
    this.loadVideo()
}
...
onLoad() {
    this. createVideoAd()
}

5.使用场景

• 商城观看激励视频获取响应折扣
• 观看视频查看更多内容
• 步数类观看视频获取额外加成

以上为wepy小程序中添加激励视频的实现方法。大家有什么好的激励视频使用场景可在评论区留言，可以分享给大家！