微信小程序如何接入视频激励广告
这篇文章是以为自己发现流量主并没有什么流量,看广告极大的影响了使用体验,故而完全去掉了视频激励广告的代码,代码就放到博客里面吃灰吧哈哈哈
文章目录
- 微信小程序如何接入视频激励广告
- 条件
- 代码
- 参考资料
条件
满足独立用户数量达到1000即可申请流量主
然后申请视频广告位即可
代码
首先在需要打开激励视频广告的页面js中头部加入
var videoAd = null;在onLaunch事件中加入
if (wx.createRewardedVideoAd) { console.log("视频预载中") // 加载激励视频广告 videoAd = wx.createRewardedVideoAd({ adUnitId: 'adunit-123456789' //微信给你的视频广告的代码 }) //捕捉错误 videoAd.onError(err => { console.log("视频加载失败") // 进行适当的提示 }) // 监听关闭 }然后把视频加载的代码扔到button或者其他的触发事件内,这里给了个弹窗避免引起反感
wx.showModal({ title: '提示', content: '看个广告吧', success(res) { if (res.confirm) { console.log('用户点击确定') //加载激励视频 videoAd.load() .then(() => videoAd.show()) .catch(err => console.log(err.errMsg)) videoAd.onClose((status) => { if (status && status.isEnded || status === undefined) { // 正常播放结束,下发奖励 } else { // 播放中途退出,进行提示 console.log('用户没看完就关闭') wx.showToast({ title: '等待广告结束关闭就可以提交啦', icon: "none", duration: 3000, }), setTimeout(function() { wx.hideToast() that.setData({ loading: false }), hasClick = false }, 1500) } }) } else if (res.cancel) { console.log('用户点击取消') wx.showToast({ title: '猜猜点击确定会发生什么好事?', icon: "none", duration: 3000, }), setTimeout(function() { wx.hideToast() that.setData({ loading: false }), hasClick = false }, 1500) } } })然后实机调试即可,按下你绑定的那个按钮,点击确定就能看广告了
参考资料
微信官方开发文档-激励视频广告组件
微信小程序













