微信小程序中插入激勵視頻廣告并獲取收益(實例代碼)

最近微信小程序后臺發(fā)送通知，小程序激勵式視頻廣告組件日前已全量上線，也就是說大家可以在小程序中插入激勵視頻廣告了，之前只允許小游戲可以使用。

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比永仁網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式永仁網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋永仁地區(qū)。費用合理售后完善，10年實體公司更值得信賴。

微信小程序中插入激勵視頻廣告并獲取收益(實例代碼)

激勵式視頻廣告

用戶在小程序中主動觸發(fā)激勵式廣告，并達成獎勵下發(fā)標準（完整播放視頻廣告，并手動點擊 “關閉廣告” 按鈕），將獲得該小程序下發(fā)的獎勵。廣告觸發(fā)場景與獎勵內(nèi)容均由流量主自定義。

微信小程序中插入激勵視頻廣告并獲取收益(實例代碼)

新建廣告位

首先進入小程序后臺點擊流量主，點擊廣告位管理，點擊新建廣告位，就可以新建所需要的廣告了，目前有三種 banner，激勵視頻，插屏廣告。

微信小程序中插入激勵視頻廣告并獲取收益(實例代碼)

插入廣告代碼

視頻激勵廣告代碼插入略微復雜，不像 banner 廣告，直接獲取廣告組件代碼插入即可顯示。視頻激勵廣告代碼調(diào)用是 wx.createRewardedVideoAd 接口。接口返回一個單例對象，該對象僅對單個頁面有效。

下面直接來看看是如何插入的：

首先在 js 文件中定義一個全局作用域的視頻廣告對象

// 在頁面中定義激勵視頻廣告對象

var videoAd = null;
Page({
 ...
})

由于廣告對象是單例，且對單個頁面有效，因此官方建議在頁面加載后（onLoad 事件）中創(chuàng)建廣告對象，并在該頁面的生命周期內(nèi)重復調(diào)用該廣告對象。

具體實現(xiàn)代碼

因此在 onLoad 函數(shù)中調(diào)用廣告接口，并監(jiān)聽廣告關閉。

onLoad() {
 if (wx.createRewardedVideoAd) {
 // 加載激勵視頻廣告
 videoAd = wx.createRewardedVideoAd({
  adUnitId: '你的 adUnitId'
 })
 //捕捉錯誤
 videoAd.onError(err => {
 // 進行適當?shù)奶崾? })
 // 監(jiān)聽關閉
 videoAd.onClose((status) => {
  if (status && status.isEnded || status === undefined) {
  // 正常播放結(jié)束，下發(fā)獎勵
  // continue you code
  } else {
  // 播放中途退出，進行提示
  }
 })
 }
}

注意這里需要對錯誤進行捕捉，否則會報下面的錯誤。

微信小程序中插入激勵視頻廣告并獲取收益(實例代碼)

然后，在合適的位置展示廣告，例如我這在一個 button 的 tap 事件進行廣告顯示。

// button 點擊事件
openVideoAd() {
 console.log('打開激勵視頻');
 // 在合適的位置打開廣告
 if (videoAd) {
 videoAd.show().catch(err => {
  // 失敗重試
  videoAd.load()
  .then(() => videoAd.show())
 })
 }
}

這樣就大工告成了，運行小程序測試即可。

如果視頻顯示異常可直接進入官方文檔根據(jù)錯誤碼查找對應問題。

官方文章地址： https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

微信小程序中插入激勵視頻廣告并獲取收益(實例代碼)