uniapp 小程序 加载显示插屏广告

 uniapp插屏广告文档uni-app官网uni-app：一个使用 Vue.js 开发跨平台应用的前端框架https://uniapp.dcloud.io/api/a-d/interstitial微信官网插屏广告文档插屏广告 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/interstitialAd-ad.html

插屏广告位id：需要在小程序公众平台=》推广=》流量主=》广告管理 去创建

插屏广告加载显示方法：

第一种：封装全局插屏广告方法

第二种：直接在当前页面写方法

---

第一种：封装全局插屏广告方法

封装插屏广告代码，在根目录创建common => Utils.js

Utils.js代码

// 插屏广告
var interstitialAd = null;
let interstitial = {
	//id就是传入的广告位id
	load(id) {
		if (uni.createInterstitialAd) {
			interstitialAd = uni.createInterstitialAd({
				adUnitId: id
			})
			interstitialAd.onLoad(() => {
				console.log('插屏 广告加载成功')
			})
			interstitialAd.onError((err) => {
				console.log('插屏 广告加载失败', err)
			})
			interstitialAd.onClose((res) => {
				console.log('插屏 广告关闭', res)
			})
		}
	},
	show() {
		if (interstitialAd) {
			interstitialAd.show().catch((err) => {
				console.error(err)
			})
		}
	}
}
module.exports = {
	interstitial
};

在需要调用插屏广告的页面中，调用Utils.js

import Utils from '../../common/Utils.js'

在onLoad()方法中进行加载插屏广告

//加载插屏广告
U