【小程序开放激励视频】--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小程序中添加激励视频的实现方法。大家有什么好的激励视频使用场景可在评论区留言,可以分享给大家!

上一篇:微信公众号获取用户openId How to use cURL to get jSON data and decode the data?


下一篇:前端面试题总结(js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源)