您好,登錄后才能下訂單哦!
微信小程序搜索:短視頻去水印解析
目前微信小程序針對個人來說廣告是最好的變現方式,廣告主要分為:
1. Banner
2. 激勵式視頻
3. 插屏
Banner廣告很簡單,插入代碼就可以顯示
這里介紹下激勵式視頻廣告實現(觀看完整廣告獎勵積分):
//視頻廣告 let videoAd = null; //視頻廣告拉取狀態 let videoAdPushStatus = false; Page({ data: { //積分總數 creditsAmountSum: 100 }, onLoad(options) { let that = this; that.videoAdShowSetting(); }, onShow() { }, videoAdShowSetting: function() { var that = this; if (wx.createRewardedVideoAd) { videoAd = wx.createRewardedVideoAd({ adUnitId: '自己申請的廣告ID' }) videoAd.onLoad(() => { //設置廣告拉取成功 videoAdPushStatus = true; }); videoAd.onClose((status) => { if (status && status.isEnded || status === undefined) { //正常播放結束,可以下發獎勵 that.addUserCredits(); } else { //不下發獎勵 wx.showModal({ content: '廣告未播放完成,無法獲取積分', showCancel: false }) } }); videoAd.onError(() => { that.showToast('獲取積分異常,請稍后重試'); }); } }, //顯示廣告 bindAddCredits: function() { let that = this; that.showVideoAd(); }, //視頻廣告 showVideoAd: function() { let that = this; videoAd.load() .then(() => { //重置視頻廣告拉取狀態 videoAdPushStatus = false; videoAd.show(); }) .catch(err => { that.showToast('加載異常,請稍后重試...'); }); }, 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 }) } });
小程序體驗:
總結
以上所述是小編給大家介紹的微信小程序激勵式視頻廣告組件使用詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。