微信小程序激励式视频广告组件使用详解
微信小程序搜索：短视频去水印解析
目前微信小程序针对个人来说广告是最好的变现方式，广告主要分为：
1. Banner
2.激励式视频
3.插屏
Banner广告很简单，插入代码就可以显示
这里介绍下激励式视频广告实现（观看完整广告奖励积分）：
//视频广告
letvideoAd=null;
//视频广告拉取状态
letvideoAdPushStatus=false;
Page({
data:{
//积分总数
creditsAmountSum:100
},
onLoad(options){
letthat=this;
that.videoAdShowSetting();
},
onShow(){
},
videoAdShowSetting:function(){
varthat=this;
if(wx.createRewardedVideoAd){
videoAd=wx.createRewardedVideoAd({
adUnitId:'自己申请的广告ID'
})
videoAd.onLoad(()=>{
//设置广告拉取成功
videoAdPushStatus=true;
});
videoAd.onClose((status)=>{
if(status&&status.isEnded||status===undefined){
//正常播放结束,可以下发奖励
that.addUserCredits();
}else{
//不下发奖励
wx.showModal({
content:'广告未播放完成,无法获取积分',
showCancel:false
})
}
});
videoAd.onError(()=>{
that.showToast('获取积分异常,请稍后重试');
});
}
},
//显示广告
bindAddCredits:function(){
letthat=this;
that.showVideoAd();
},
//视频广告
showVideoAd:function(){
letthat=this;
videoAd.load()
.then(()=>{
//重置视频广告拉取状态
videoAdPushStatus=false;
videoAd.show();
})
.catch(err=>{
that.showToast('加载异常,请稍后重试...');
});
},
addUserCredits:function(){
letthat=this;
that.setData({
creditsAmountSum:10,
});
that.showSuccessToast('已获取积分+10');
},
showSuccessToast(title){
wx.showToast({
title:title,
icon:'success',
duration:3000
})
},
showToast(title){
wx.showToast({
title:title,
icon:'none',
duration:2000
})
}
});
小程序体验：
总结
以上所述是小编给大家介绍的微信小程序激励式视频广告组件使用详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。