微信小程序中插入激勵視頻廣告並獲取收益

最近微信小程序後臺發送通知，小程序激勵式視頻廣告組件日前已全量上線，也就是說你們能夠在小程序中插入激勵視頻廣告了，以前只容許小遊戲可使用 。

激勵式視頻廣告

用戶在小程序中主動觸發激勵式廣告，並達成獎勵下發標準（完整播放視頻廣告，並手動點擊 「關閉廣告」 按鈕），將得到該小程序下發的獎勵。廣告觸發場景與獎勵內容均由流量主自定義。

新建廣告位

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

##插入廣告代碼

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

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

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

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

複製代碼

因爲廣告對象是單例，且對單個頁面有效，所以官方建議在頁面加載後（onLoad 事件）中建立廣告對象，並在該頁面的生命週期內重複調用該廣告對象。

具體實現代碼
所以在 onLoad 函數中調用廣告接口，並監聽廣告關閉。

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

複製代碼

注意這裏須要對錯誤進行捕捉，不然會報下面的錯誤。

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

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

複製代碼

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

若是視頻顯示異常可直接進入官方文檔根據錯誤碼查找對應問題 。

官方文章地址：developers.weixin.qq.com/miniprogram…

若是有作小程序，或者集成有問題的歡迎加小編wx一塊兒交流
曬一個最近收益截圖