小程序插屏广告使用

小程序广告指引：https://developers.weixin.qq.com/community/develop/doc/00060ef22cc00855a4681691c5bc01

wx.createInterstitialAd 创建插屏广告组件。每调用一次该方法，返回的都是一个全新实例，该实例仅对当前页面有效，不允许跨页面使用
以下是封装的方法

export default function(adUnitId) {
    this.Ad = false;    
    
    if(wx.createInterstitialAd){
        this.Ad=wx.createInterstitialAd({
            adUnitId:adUnitId
        })
    }
    
    this.show = function(opt){
        var defaul_opt = {
            show_suc:function(){ console.log('interstitial ad show suc'); },
            show_fail:function(err){ console.log('interstitial ad show fail',err); },
            close:function(){ console.log('interstitial ad close'); }
        }
        
        opt = { ...defaul_opt,...opt };
        if(!this.Ad){
            opt.show_fail('this ad is false');
            return false;
        }
        this.Ad.show().then(function(){
            opt.show_suc();
        }).catch(function(err){
            opt.show_fail(err);
        });
        
        //on close
        this.Ad.offClose();
        this.Ad.onClose(function(){
            opt.close();
        })
    }
    
}

然后我们直接调用就可以了

• 首先我们在onload的时候创建一个插屏广告对象

that.interAdObj = new interAd('adunit-fd6c6f6f5129493f');

• 然后我们点击的时候进行展示

this.videoAdObj.show({
    show_suc:this.show_suc,
    show_fail: show_fail,
    close:this.close
})