Uniapp微信小程序开发:在小程序当前页面加载显示插屏广告_百业营销网

Uniapp微信小程序开发:在小程序当前页面加载显示插屏广告

微信小程序开发 517℃ 0

Uniapp微信小程序开发:在小程序当前页面加载显示插屏广告

无论我们做什么小程序,最终目的肯定都是为了赚钱变现!那么问题就来了,目前微信小程序官方提供的小程序插屏广告,显示是有时间限制的,所以今天我们就要突破这个限。

下面直接上Uniapp的实操插屏广告代码:

1、在script的最外面一层先定义:

// 插屏广告
let interstitialAd = null;

2、正常我们进入小程序就可以调用插屏广告显示,但是一般插屏广告会提示一定时间内不能显示,所以我们就需要设置第一次进入就显示插屏广告,那么times设置0,有时候小程序有可能会提示一定时间不显示,不管它,如果报了这个错,就一直显示,直到能显示成功;如果想15s显示可以不用做这个操作;然后在onLoad中加载插屏广告,在需要显示的地方写显示插屏广告方法:

onLoad(){
    this.interstitialLoad();//加载插屏广告
},
onShow(){
    this.interstitialShow(0);//显示插屏广告
},
methods:{
    destroyAd() { //卸载插屏广告
if (interstitialAd) {
interstitialAd.destroy();
}
},
    interstitialLoad() { //加载插屏广告
var that = this;
var id = "插屏广告id";
if (uni.createInterstitialAd) {
interstitialAd = uni.createInterstitialAd({
adUnitId: id
})
interstitialAd.onLoad(() => { //监听插屏广告加载事件
console.log('插屏 广告加载成功')
})
interstitialAd.onError((err) => { //监听插屏错误事件
console.log('插屏 广告加载失败', err)
})
interstitialAd.onClose((e) => { //监听插屏广告关闭事件
console.log('插屏 广告关闭', e)
//这里可以做关闭广告后想做的操作
})
   }
},
    interstitialShow(times) { //显示插屏广告
                var that = this;
setTimeout(() => {
if (interstitialAd) {
                console.log('插屏广告正在显示....');
interstitialAd.show().catch((err) => {
console.error("插屏广告显示失败:", err);
                 switch (err.errCode) {
case 2001:
//打开小程序一定时间内不允许展示
that.interstitialShow(1000);
break;
case 2002:
//距离小程序插屏广告或者激励视频广告上次播放时间间隔不足,不允许展示插屏广告
that.interstitialShow(1000);
break;
default:
break;
}
})
}
}, times)
},
}
onHide() {
console.log("onHide监听页面隐藏")
if (interstitialAd) {
interstitialAd.destroy();
}
},
onUnload() {
console.log("onUnload监听页面卸载")
if (interstitialAd) {
interstitialAd.destroy();
}
},