微信小遊戲接入激勵視頻

---

標籤: 微信小遊戲,流量主,激勵視頻

---

準備

一、微信小程序廣告組件文檔
二、開通條件

image
三、已經申請開通流量主而且經過了

 

實際操做

開發文檔

思路

一、先實例一個對象，由於文檔中有說起：

image
二、在根據項目狀況調用改方法。
三、回調處理

 

開始

先彆着急着寫代碼，上微信小遊戲把相關的東西配置好
登陸微信公衆平臺

image
image
點擊獲取代碼
複製代碼
這步驟咱們直接複製粘貼就行，可是爲了兼容性咱們必須對這段代碼進行修改

 

//farm.ts
    private videoAd;//保存視頻實例
    public initVideoAd() {//初始化視頻方法

        //實例
        let videoAd = wx.createRewardedVideoAd({
            adUnitId: '你的視頻ID'
        })

        this.videoAd = videoAd;

        videoAd.load()

       //捕捉錯誤
        videoAd.onError(err => {
            console.log(err)
        })

        //關閉視頻的回調函數
        videoAd.onClose(res => {
            // 用戶點擊了【關閉廣告】按鈕
            // 小於 2.1.0 的基礎庫版本，res 是一個 undefined
            console.log(res)
            if (res && res.isEnded || res === undefined) {
                // 正常播放結束，能夠下發遊戲獎勵
                if (this.isStudy) {
                    return;
                }
                let data = {
                    "cmd": 150,
                    "requestId": 12121,
                };
                this.sendSocketMsg(data);
            } else {
                WxKit.showToast('您的視頻還沒看完，沒法得到獎勵')
                // 播放中途退出，不下發遊戲獎勵
            }
        })
    }

以上代碼根據狀況在實際項目中調用便可

做者簡介：何永峯，蘆葦科技web前端開發工程師，喜歡處處尋找好吃的，愛好跳舞，打籃球，聽音樂，目前是Acum.Revolution現狀革命成員之一，不按期出席大型的舞蹈商演活動。表明做品：萌雞駕到小遊戲、美旅出行小程序、Nice電競小程序。擅長網站建設、微信公衆號開發、微信小程序開發、小遊戲製做、企業微信製做、H5建設，專一於前端框架、交互設計、圖像繪製、數據分析等研究。

歡迎和咱們一塊兒並肩做戰： web@talkmoney.cn
訪問 www.talkmoney.cn 瞭解更多

提供專業的微信公衆號建設，廣州釘釘開發，靠譜的企業微信開發，深圳微信小程序建設，高質量的小遊戲外包，東莞H5開發