扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章将为大家详细讲解有关微信小程序中限制激励式视频广告位显示次数的实现方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
成都创新互联公司为企业级客户提高一站式互联网+设计服务,主要包括网站设计制作、网站制作、成都app软件开发公司、小程序设计、宣传片制作、LOGO设计等,帮助客户快速提升营销能力和企业形象,创新互联各部门都有经验丰富的经验,可以确保每一个作品的质量和创作周期,同时每年都有很多新员工加入,为我们带来大量新的创意。微信小程序自从支持激励式视频广告位以后,很多小程序为了变现都加入了此广告位,广告正常观看结束的次数越多就越赚钱,但是观看次数的比率过高也会面临封号的风险,那么如何才能规避这个风险呢?
实现思路:限制每个用户当天观看激励式视频广告位的次数,如果用户当天观看广告位超过了一定的次数就不再显示广告位,用户第二天打开小程序时清空第一天观看广告的次数,下面用实例代码来说明。
第一步:在小程序的 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。
关于“微信小程序中限制激励式视频广告位显示次数的实现方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流