微信小程序中限制激励式视频广告位显示次数(实现思路)


Posted in Javascript onDecember 06, 2019

微信小程序自从支持激励式视频广告位以后,很多小程序为了变现都加入了此广告位,广告正常观看结束的次数越多就越赚钱,但是观看次数的比率过高也会面临封号的风险,那么如何才能规避这个风险呢?

实现思路:限制每个用户当天观看激励式视频广告位的次数,如果用户当天观看广告位超过了一定的次数就不再显示广告位,用户第二天打开小程序时清空第一天观看广告的次数,下面用实例代码来说明。

第一步:在小程序的 onLaunch 里获取本地存储的上一次观看激励视频广告保存的时间,并获取本地存储观看广告位的次数,如果上一次观看激励视频广告时间的晚上12点小于当前时间,则将观看广告位的次数清0;

onLaunch: function() {
 // 获取激励视频广告位加载的次数
 var count = wx.getStorageSync('showRewardedVideoAdCount');
 if (!count) {
 wx.setStorage({
 key: 'showRewardedVideoAdCount',
 data: 0,
 })
 };
 // 上次观看激励视频广告保存的时间
 var lastSaveTime = wx.getStorageSync('saveVideoAdCountTime');
 if (lastSaveTime) {
 // 计算最后一次保存时间晚上12点的时间戳
 var endTime = new Date(new Date(lastSaveTime).setHours(23, 59, 59, 999));
 // 当前时间戳
 var currentDate = new Date();
 var currentTime = currentDate.getTime();
 // 清空激励广告位观看次数
 if (currentTime > endTime) {
 wx.setStorage({
 key: 'showRewardedVideoAdCount',
 data: 0,
 })
 }
 } 
},

第二步:发起请求从服务端获取广告位ID以后生成广告位,这一步只做参考。

// 如果激励广告位视频存在
if (rewardedAdId) {
 that.setData({
 rewardedAdId: rewardedAdId
 }, function() {
 // 创建一个激励视频广告位,rewardedVideoAd为全局变量,与Page()同级.
 rewardedVideoAd = wx.createRewardedVideoAd({
 adUnitId: rewardedAdId
 });
 // 监听加载
 rewardedVideoAd.onLoad(() => {
 console.log('激励广告加载成功');
 });
 // 监听失败
 rewardedVideoAd.onError(err => {
 console.log('激励广告加载失败' + err);
 });
 })
}

注意:以上代码中广告位ID rewardedAdId 为发起请求获取,而rewardedVideoAd 为整个页面的全局全变,与Page()同级。

第三步:在用户触发广告位以后,获取用户当天已正常观看完毕广告位的次数A与限制广告位播放的最多次数B,如果A小于B则继续加载广告位,否则播放视频。在广告位正常播放完毕后,要更新本地存储的播放次数与观看时间。

// 点击播放
bindPlay: function() {
 var that = this;
 var count = wx.getStorageSync('showRewardedVideoAdCount');
 // 对应页面上的video标签
 var videoContext = wx.createVideoContext('myVideo');
 // 限制激励视频最大播放次数
 if (count < App.globalData.maxShowRewardedAdCount) {
 // 如果存在激励视频广告ID,并且当前页面已经播放过一次广告
 if (that.data.rewardedAdId && that.data.showRewardedAd == 1) {
 // 暂停视频
 videoContext.stop();
 // 加载广告位
 rewardedVideoAd.load().then(function() {
 rewardedVideoAd.show();
 }).catch(function(err) {
 console.log('激励广告位加载失败');
 });
 // 广告位关闭后
 rewardedVideoAd.onClose(function(res) {
 that.setData({
  showRewardedAd: 0
 });
 videoContext.play();
 // 保存累加的次数
 var newCount = parseInt(count) + 1;
 wx.setStorage({
  key: 'showRewardedVideoAdCount',
  data: newCount,
 });
 var time = new Date()
 time = time.getTime();
 // 更新保存的时间
 wx.setStorage({
  key: 'saveVideoAdCountTime',
  data: time
 });
 })
 } else {
 // 继续播放
 videoContext.play();
 }
 } else {
 // 继续播放
 videoContext.play();
 }
},

上面的代码中,我们对是否有广告位ID做了判断,如第6行中的 that.data.rewardedAdId ,如果没有广告位ID,则直接播放视频,另外,如果用户播放完一个视频以后可能还会在该页面的推荐中观看其它视频,而此时再次弹出广告位的体验可能会不太好,所以我又加了入了一个判断,如上面代码中第6行的 that.data.showRewardedAd,页面初始化时该值为1,当播放完一次后将其归0。

总结

以上所述是小编给大家介绍的微信小程序中限制激励式视频广告位显示次数的实现思路,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
javascript 数据类型转换(parseInt,parseFloat)
Jul 20 Javascript
在VS2008中使用jQuery智能感应的方法
Dec 30 Javascript
利用JS判断用户是否上网(连接网络)
Dec 23 Javascript
jQuery实现折叠、展开的菜单组效果代码
Sep 16 Javascript
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 Javascript
angularjs表格ng-table使用备忘录
Mar 09 Javascript
javascript实现下雨效果
Mar 27 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
Aug 21 Javascript
Koa2 之文件上传下载的示例代码
Mar 29 Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 Javascript
Javascript call及apply应用场景及实例
Aug 26 Javascript
vue中路由跳转不计入history的操作
Sep 21 Javascript
vue中监听路由参数的变化及方法
Dec 06 #Javascript
详解ECMAScript2019/ES10新属性
Dec 06 #Javascript
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 #Javascript
原生JavaScript实现滑动拖动验证的示例代码
Dec 06 #Javascript
微信小程序 自定义弹窗实现过程(附代码)
Dec 05 #Javascript
Nuxt v-bind绑定img src不显示的解决
Dec 05 #Javascript
微信小程序swiper左右扩展各显示一半代码实例
Dec 05 #Javascript
You might like
php Ajax乱码
2008/04/09 PHP
PHP字符编码问题之GB2312 VS UTF-8解决方法
2011/06/23 PHP
php常用字符串处理函数实例分析
2014/11/22 PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
2020/07/21 PHP
CI框架简单邮件发送类实例
2016/05/18 PHP
thinkPHP5.0框架命名空间详解
2017/03/18 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
PHP实现websocket通信的方法示例
2018/08/28 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
xmlHTTP实例
2006/10/24 Javascript
js用正则表达式来验证表单(比较齐全的资源)
2013/11/17 Javascript
Iframe实现跨浏览器自适应高度解决方法
2014/09/02 Javascript
容易造成JavaScript内存泄露几个方面
2014/09/04 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
在Mac OS下使用Node.js的简单教程
2015/06/24 Javascript
jquery+json实现分页效果
2016/03/07 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
2016/05/18 Javascript
vue.js初学入门教程(2)
2016/11/07 Javascript
如何使用vuejs实现更好的Form validation?
2017/04/07 Javascript
解决vue-cli中stylus无法使用的问题方法
2017/06/19 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
2017/12/25 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
2018/02/27 Javascript
在vue中使用jointjs的方法
2018/03/24 Javascript
自定义Vue中的v-module双向绑定的实现
2019/04/17 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
Vue中keep-alive组件的深入理解
2020/08/23 Javascript
Python生成密码库功能示例
2017/05/23 Python
Django进阶之CSRF的解决
2018/08/01 Python
python实现两个dict合并与计算操作示例
2019/07/01 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
化学教师自荐信范文
2013/12/28 职场文书
领导干部培训感言
2014/01/23 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
2015秋季新学期开学寄语
2015/05/28 职场文书
详解Redis集群搭建的三种方式
2021/05/31 Redis