微信小程序中限制激勵(lì)式視頻廣告位顯示次數(shù)(實(shí)現(xiàn)思路)
微信小程序自從支持激勵(lì)式視頻廣告位以后,很多小程序?yàn)榱俗儸F(xiàn)都加入了此廣告位,廣告正常觀看結(jié)束的次數(shù)越多就越賺錢(qián),但是觀看次數(shù)的比率過(guò)高也會(huì)面臨封號(hào)的風(fēng)險(xiǎn),那么如何才能規(guī)避這個(gè)風(fēng)險(xiǎn)呢?
實(shí)現(xiàn)思路:限制每個(gè)用戶(hù)當(dāng)天觀看激勵(lì)式視頻廣告位的次數(shù),如果用戶(hù)當(dāng)天觀看廣告位超過(guò)了一定的次數(shù)就不再顯示廣告位,用戶(hù)第二天打開(kāi)小程序時(shí)清空第一天觀看廣告的次數(shù),下面用實(shí)例代碼來(lái)說(shuō)明。
第一步:在小程序的 onLaunch 里獲取本地存儲(chǔ)的上一次觀看激勵(lì)視頻廣告保存的時(shí)間,并獲取本地存儲(chǔ)觀看廣告位的次數(shù),如果上一次觀看激勵(lì)視頻廣告時(shí)間的晚上12點(diǎn)小于當(dāng)前時(shí)間,則將觀看廣告位的次數(shù)清0;
onLaunch: function() {
// 獲取激勵(lì)視頻廣告位加載的次數(shù)
var count = wx.getStorageSync('showRewardedVideoAdCount');
if (!count) {
wx.setStorage({
key: 'showRewardedVideoAdCount',
data: 0,
})
};
// 上次觀看激勵(lì)視頻廣告保存的時(shí)間
var lastSaveTime = wx.getStorageSync('saveVideoAdCountTime');
if (lastSaveTime) {
// 計(jì)算最后一次保存時(shí)間晚上12點(diǎn)的時(shí)間戳
var endTime = new Date(new Date(lastSaveTime).setHours(23, 59, 59, 999));
// 當(dāng)前時(shí)間戳
var currentDate = new Date();
var currentTime = currentDate.getTime();
// 清空激勵(lì)廣告位觀看次數(shù)
if (currentTime > endTime) {
wx.setStorage({
key: 'showRewardedVideoAdCount',
data: 0,
})
}
}
},
第二步:發(fā)起請(qǐng)求從服務(wù)端獲取廣告位ID以后生成廣告位,這一步只做參考。
// 如果激勵(lì)廣告位視頻存在
if (rewardedAdId) {
that.setData({
rewardedAdId: rewardedAdId
}, function() {
// 創(chuàng)建一個(gè)激勵(lì)視頻廣告位,rewardedVideoAd為全局變量,與Page()同級(jí).
rewardedVideoAd = wx.createRewardedVideoAd({
adUnitId: rewardedAdId
});
// 監(jiān)聽(tīng)加載
rewardedVideoAd.onLoad(() => {
console.log('激勵(lì)廣告加載成功');
});
// 監(jiān)聽(tīng)失敗
rewardedVideoAd.onError(err => {
console.log('激勵(lì)廣告加載失敗' + err);
});
})
}
注意:以上代碼中廣告位ID rewardedAdId 為發(fā)起請(qǐng)求獲取,而rewardedVideoAd 為整個(gè)頁(yè)面的全局全變,與Page()同級(jí)。
第三步:在用戶(hù)觸發(fā)廣告位以后,獲取用戶(hù)當(dāng)天已正常觀看完畢廣告位的次數(shù)A與限制廣告位播放的最多次數(shù)B,如果A小于B則繼續(xù)加載廣告位,否則播放視頻。在廣告位正常播放完畢后,要更新本地存儲(chǔ)的播放次數(shù)與觀看時(shí)間。
// 點(diǎn)擊播放
bindPlay: function() {
var that = this;
var count = wx.getStorageSync('showRewardedVideoAdCount');
// 對(duì)應(yīng)頁(yè)面上的video標(biāo)簽
var videoContext = wx.createVideoContext('myVideo');
// 限制激勵(lì)視頻最大播放次數(shù)
if (count < App.globalData.maxShowRewardedAdCount) {
// 如果存在激勵(lì)視頻廣告ID,并且當(dāng)前頁(yè)面已經(jīng)播放過(guò)一次廣告
if (that.data.rewardedAdId && that.data.showRewardedAd == 1) {
// 暫停視頻
videoContext.stop();
// 加載廣告位
rewardedVideoAd.load().then(function() {
rewardedVideoAd.show();
}).catch(function(err) {
console.log('激勵(lì)廣告位加載失敗');
});
// 廣告位關(guān)閉后
rewardedVideoAd.onClose(function(res) {
that.setData({
showRewardedAd: 0
});
videoContext.play();
// 保存累加的次數(shù)
var newCount = parseInt(count) + 1;
wx.setStorage({
key: 'showRewardedVideoAdCount',
data: newCount,
});
var time = new Date()
time = time.getTime();
// 更新保存的時(shí)間
wx.setStorage({
key: 'saveVideoAdCountTime',
data: time
});
})
} else {
// 繼續(xù)播放
videoContext.play();
}
} else {
// 繼續(xù)播放
videoContext.play();
}
},
上面的代碼中,我們對(duì)是否有廣告位ID做了判斷,如第6行中的 that.data.rewardedAdId ,如果沒(méi)有廣告位ID,則直接播放視頻,另外,如果用戶(hù)播放完一個(gè)視頻以后可能還會(huì)在該頁(yè)面的推薦中觀看其它視頻,而此時(shí)再次彈出廣告位的體驗(yàn)可能會(huì)不太好,所以我又加了入了一個(gè)判斷,如上面代碼中第6行的 that.data.showRewardedAd,頁(yè)面初始化時(shí)該值為1,當(dāng)播放完一次后將其歸0。
總結(jié)
以上所述是小編給大家介紹的微信小程序中限制激勵(lì)式視頻廣告位顯示次數(shù)的實(shí)現(xiàn)思路,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
javascript精確統(tǒng)計(jì)網(wǎng)站訪問(wèn)量實(shí)例代碼
網(wǎng)站一般都有訪問(wèn)量統(tǒng)計(jì)工具,比較高效實(shí)用的工具多種多樣,這篇文章主要介紹了javascript精確統(tǒng)計(jì)網(wǎng)站訪問(wèn)量實(shí)例代碼,感興趣的小伙伴們可以參考一下2015-12-12
基于JavaScript打造一款桌面級(jí)便簽系統(tǒng)
本文將用html,css和JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的便簽系統(tǒng)。除非手動(dòng)清空便簽,否則便簽會(huì)一直保留,非常方便。感興趣的小伙伴可以跟隨小編一起動(dòng)手試一試2022-02-02
JavaScript模塊化開(kāi)發(fā)流程分步講解
這篇文章主要介紹了JavaScript模塊化開(kāi)發(fā)流程,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2023-01-01
javascript attachEvent和addEventListener使用方法
attachEvent與addEventListener區(qū)別 適應(yīng)的瀏覽器版本不同,同時(shí)在使用的過(guò)程中要注意2009-03-03
ES6新特性:使用export和import實(shí)現(xiàn)模塊化詳解
本篇文章主要介紹了ES6新特性:使用export和import實(shí)現(xiàn)模塊化詳解,具有一定的參考價(jià)值,有興趣的可以了解一下2017-07-07
JavaScript實(shí)現(xiàn)經(jīng)典排序算法之冒泡排序
這篇文章主要介紹了JavaScript實(shí)現(xiàn)經(jīng)典排序算法之冒泡排序,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12

