小程序广告指引: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
})