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


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 相关文章推荐
jQuery 处理网页内容的实现代码
Feb 15 Javascript
javascript中onclick(this)用法介绍
Apr 19 Javascript
利用div+jquery自定义滚动条样式的2种方法
Jul 18 Javascript
点击标签切换和自动切换DIV选项卡
Aug 10 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
Oct 08 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
Bootstrap基本样式学习笔记之图片(6)
Dec 07 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
Feb 14 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 Javascript
JS实现根据数组对象的某一属性排序操作示例
Jan 14 Javascript
Vue开发之封装分页组件与使用示例
Apr 25 Javascript
JS实现放烟花效果
Mar 10 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 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
php下使用iconv需要注意的问题
2010/11/20 PHP
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
Javascript字符串浏览器兼容问题分析
2014/12/01 Javascript
2种jQuery 实现刮刮卡效果
2015/02/01 Javascript
JavaScript学习笔记之DOM基础 2.4
2015/08/14 Javascript
js 求时间差的实现代码
2016/04/26 Javascript
如何检测JavaScript的各种类型
2016/07/30 Javascript
浅谈js中子页面父页面方法 变量相互调用
2016/08/04 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
vue.js与后台数据交互的实例讲解
2018/08/08 Javascript
原生JS实现简单的无缝自动轮播效果
2018/09/26 Javascript
微信 jssdk 签名错误invalid signature的解决方法
2019/01/14 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
2020/08/03 Javascript
ptyhon实现sitemap生成示例
2014/03/30 Python
Python配置文件解析模块ConfigParser使用实例
2015/04/13 Python
常用python编程模板汇总
2016/02/12 Python
Python有序字典简单实现方法示例
2017/09/28 Python
Python生成任意范围任意精度的随机数方法
2018/04/09 Python
Python使用一行代码获取上个月是几月
2018/08/30 Python
Python数据预处理之数据规范化(归一化)示例
2019/01/08 Python
Python 函数用法简单示例【定义、参数、返回值、函数嵌套】
2019/09/20 Python
python数据类型强制转换实例详解
2020/06/22 Python
美国彩妆品牌:Coastal Scents
2017/04/01 全球购物
经典c++面试题五
2014/12/17 面试题
医生实习工作总结的自我评价
2013/09/27 职场文书
读书心得体会
2013/12/28 职场文书
宿舍违规用电检讨书
2014/02/16 职场文书
电子专业毕业生自荐信
2014/05/25 职场文书
2015年上半年党建工作总结
2015/03/30 职场文书
检讨书模板大全
2015/05/07 职场文书
清明祭英烈活动总结
2015/05/11 职场文书
《正比例》教学反思
2016/02/23 职场文书
面试中老生常谈的MySQL问答集锦夯实基础
2022/03/13 MySQL
什么是css原子化,有什么用?
2022/04/24 HTML / CSS