最近微信小程序后臺(tái)發(fā)送通知,小程序激勵(lì)式視頻廣告組件日前已全量上線,也就是說(shuō)大家可以在小程序中插入激勵(lì)視頻廣告了,之前只允許小游戲可以使用 。
創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比永仁網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式永仁網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋永仁地區(qū)。費(fèi)用合理售后完善,10年實(shí)體公司更值得信賴。
激勵(lì)式視頻廣告
用戶在小程序中主動(dòng)觸發(fā)激勵(lì)式廣告,并達(dá)成獎(jiǎng)勵(lì)下發(fā)標(biāo)準(zhǔn)(完整播放視頻廣告,并手動(dòng)點(diǎn)擊 “關(guān)閉廣告” 按鈕),將獲得該小程序下發(fā)的獎(jiǎng)勵(lì)。廣告觸發(fā)場(chǎng)景與獎(jiǎng)勵(lì)內(nèi)容均由流量主自定義。
新建廣告位
首先進(jìn)入小程序后臺(tái)點(diǎn)擊流量主,點(diǎn)擊廣告位管理,點(diǎn)擊新建廣告位,就可以新建所需要的廣告了,目前有三種 banner,激勵(lì)視頻,插屏廣告。
插入廣告代碼
視頻激勵(lì)廣告代碼插入略微復(fù)雜,不像 banner 廣告,直接獲取廣告組件代碼插入即可顯示。視頻激勵(lì)廣告代碼調(diào)用是 wx.createRewardedVideoAd 接口。接口返回一個(gè)單例對(duì)象,該對(duì)象僅對(duì)單個(gè)頁(yè)面有效。
下面直接來(lái)看看是如何插入的:
首先在 js 文件中定義一個(gè)全局作用域的視頻廣告對(duì)象
// 在頁(yè)面中定義激勵(lì)視頻廣告對(duì)象
var videoAd = null; Page({ ... })
由于廣告對(duì)象是單例,且對(duì)單個(gè)頁(yè)面有效,因此官方建議在頁(yè)面加載后(onLoad 事件)中創(chuàng)建廣告對(duì)象,并在該頁(yè)面的生命周期內(nèi)重復(fù)調(diào)用該廣告對(duì)象。
具體實(shí)現(xiàn)代碼
因此在 onLoad 函數(shù)中調(diào)用廣告接口,并監(jiān)聽廣告關(guān)閉。
onLoad() { if (wx.createRewardedVideoAd) { // 加載激勵(lì)視頻廣告 videoAd = wx.createRewardedVideoAd({ adUnitId: '你的 adUnitId' }) //捕捉錯(cuò)誤 videoAd.onError(err => { // 進(jìn)行適當(dāng)?shù)奶崾? }) // 監(jiān)聽關(guān)閉 videoAd.onClose((status) => { if (status && status.isEnded || status === undefined) { // 正常播放結(jié)束,下發(fā)獎(jiǎng)勵(lì) // continue you code } else { // 播放中途退出,進(jìn)行提示 } }) } }
注意這里需要對(duì)錯(cuò)誤進(jìn)行捕捉,否則會(huì)報(bào)下面的錯(cuò)誤。
然后,在合適的位置展示廣告,例如我這在一個(gè) button 的 tap 事件進(jìn)行廣告顯示。
// button 點(diǎn)擊事件 openVideoAd() { console.log('打開激勵(lì)視頻'); // 在合適的位置打開廣告 if (videoAd) { videoAd.show().catch(err => { // 失敗重試 videoAd.load() .then(() => videoAd.show()) }) } }
這樣就大工告成 了,運(yùn)行小程序測(cè)試即可 。
如果視頻顯示異??芍苯舆M(jìn)入官方文檔根據(jù)錯(cuò)誤碼查找對(duì)應(yīng)問(wèn)題 。
官方文章地址: https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html
最近收益截圖
總結(jié)
以上所述是小編給大家介紹的微信小程序中插入激勵(lì)視頻廣告并獲取收益的實(shí)現(xiàn)方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持!
如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!