微信小程序激勵(lì)式視頻廣告組件使用詳解
微信小程序搜索:短視頻去水印解析
目前微信小程序針對(duì)個(gè)人來(lái)說(shuō)廣告是最好的變現(xiàn)方式,廣告主要分為:
1. Banner
2. 激勵(lì)式視頻
3. 插屏
Banner廣告很簡(jiǎn)單,插入代碼就可以顯示
這里介紹下激勵(lì)式視頻廣告實(shí)現(xiàn)(觀看完整廣告獎(jiǎng)勵(lì)積分):
//視頻廣告 let videoAd = null; //視頻廣告拉取狀態(tài) let videoAdPushStatus = false; Page({ data: { //積分總數(shù) creditsAmountSum: 100 }, onLoad(options) { let that = this; that.videoAdShowSetting(); }, onShow() { }, videoAdShowSetting: function() { var that = this; if (wx.createRewardedVideoAd) { videoAd = wx.createRewardedVideoAd({ adUnitId: '自己申請(qǐng)的廣告ID' }) videoAd.onLoad(() => { //設(shè)置廣告拉取成功 videoAdPushStatus = true; }); videoAd.onClose((status) => { if (status && status.isEnded || status === undefined) { //正常播放結(jié)束,可以下發(fā)獎(jiǎng)勵(lì) that.addUserCredits(); } else { //不下發(fā)獎(jiǎng)勵(lì) wx.showModal({ content: '廣告未播放完成,無(wú)法獲取積分', showCancel: false }) } }); videoAd.onError(() => { that.showToast('獲取積分異常,請(qǐng)稍后重試'); }); } }, //顯示廣告 bindAddCredits: function() { let that = this; that.showVideoAd(); }, //視頻廣告 showVideoAd: function() { let that = this; videoAd.load() .then(() => { //重置視頻廣告拉取狀態(tài) videoAdPushStatus = false; videoAd.show(); }) .catch(err => { that.showToast('加載異常,請(qǐng)稍后重試...'); }); }, addUserCredits: function() { let that = 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 }) } });
小程序體驗(yàn):
總結(jié)
以上所述是小編給大家介紹的微信小程序激勵(lì)式視頻廣告組件使用詳解,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
JavaScript中Infinity(無(wú)窮數(shù))的使用和注意事項(xiàng)
Infinity(無(wú)窮大)在 JS 中是一個(gè)特殊的數(shù)字,它的特性是它比任何有限的數(shù)字都大,如果不知道 Infinity,我們?cè)谝恍┻\(yùn)算操作遇到時(shí),就會(huì)覺(jué)得很有意思,下面這篇文章主要給大家介紹了關(guān)于JavaScript中Infinity(無(wú)窮數(shù))的使用和注意事項(xiàng),需要的朋友可以參考下2022-04-04bootstarp modal框居中顯示的實(shí)現(xiàn)代碼
這篇文章主要介紹了bootstarp modal框居中顯示的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-02-02JS前端組件設(shè)計(jì)以業(yè)務(wù)為導(dǎo)向?qū)嵺`思考
這篇文章主要為大家介紹了JS前端組件設(shè)計(jì)以業(yè)務(wù)為導(dǎo)向?qū)嵺`思考,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03JS 自動(dòng)完成 AutoComplete(Ajax 查詢)
實(shí)現(xiàn)類似于百度或谷歌的搜索下拉列表的,就是打開(kāi)百度往里輸入你要查詢的條件,只要你一輸入他就自動(dòng)彈出一個(gè)下拉列表框,并顯示相關(guān)所有搜索內(nèi)容2009-07-07JS實(shí)現(xiàn)頁(yè)面導(dǎo)航與內(nèi)容相互錨定實(shí)例詳解
這篇文章主要為大家介紹了JS實(shí)現(xiàn)頁(yè)面導(dǎo)航與內(nèi)容相互錨定實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10javascript寫的一個(gè)模擬閱讀小說(shuō)的程序
這篇文章主要介紹了用javascript寫了一個(gè)模擬閱讀小說(shuō)的程序,需要的朋友可以參考下2014-04-04Javascript中的for in循環(huán)和hasOwnProperty結(jié)合使用
當(dāng)檢測(cè)某個(gè)對(duì)象是否擁有某個(gè)屬性時(shí),hasOwnProperty 是唯一可以完成這一任務(wù)的方法,在 for in 循環(huán)時(shí),建議增加 hasOwnProperty 進(jìn)行判斷,可以有效避免擴(kuò)展本地原型而引起的錯(cuò)誤2013-06-06