扫一扫以上小程序【许愿灯池】可以查看具体广告插入功能
效果图:(分别为图1和图2)
具体操作如下:
第一步:进入微信公众平台,点击广告管理,然后新建广告位,最后获取代码
① banner广告示例:
第二步:在你想插入界面的wxml复制banner的广告代码直接插入
②插屏广告实例:
在page({})之前放入以下代码:
let interstitialAd = null//广告
在onload函数中插入以下代码:
onLoad: function (options) {
if (wx.createInterstitialAd) {
interstitialAd = wx.createInterstitialAd({
adUnitId: '(你的广告id)'
//这里放入你的广告id
})
interstitialAd.onLoad(() => {})
interstitialAd.onError((err) => {})
interstitialAd.onClose(() => {})
}
// 在适合的场景显示插屏广告
if (interstitialAd) {
interstitialAd.show().catch((err) => {
console.error(err)
})
}
③视频广告实例:
在page({})之前放入以下代码:
let videoAd = null//广告
在onload函数中插入以下代码:
if (wx.createRewardedVideoAd) {
videoAd = wx.createRewardedVideoAd({
adUnitId: '(你的广告id)'
//这里插入你的广告id
})
videoAd.onLoad(() => {})
videoAd.onError((err) => {})
videoAd.onClose((res) => {})
}
最后根据你的需求将这个if判断插入代码中去,比如按钮绑定函数等等,这样产生的效果是:当用户点击按钮后会自动跳转到视频广告。
if (videoAd) {
videoAd.show().catch(() => {
// 失败重试
videoAd.load()
.then(() => videoAd.show())
.catch(err => {
console.log('激励视频 广告显示失败')
})
})
}
总结:通过以上代码可以搭建出和【许愿灯池】一样 的流量主广告,所以如果想知道具体的效果,可以微信搜一搜【许愿灯池】或是二维码扫描: