小程序 接入流量主广告

最近公司开发的小程序需要接入流量主广告,让我去开发。这里记录一下开发过程

首先,小程序开通流量主有以下几个条件:

  • 累计独立访客(UV)不低于1000
  • 有严重违规记录的小程序不予申请

开通之后,我们要创建广告位,拿到广告位 ID

这里用 激励视频广告 举例

把下面代码复制到项目里,就可以看到效果了

激励视频广告组件默认是隐藏的,在用户主动触发广告后,开发者需要调用 RewardedVideoAd.show() 进行显示

用户在什么时候触发广告,就要自己去安排了

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
// 在页面中定义激励视频广告
let videoAd = null

// 在页面onLoad回调事件中创建激励视频广告实例
if (wx.createRewardedVideoAd) {
videoAd = wx.createRewardedVideoAd({
adUnitId: '这里填广告位ID'
})
videoAd.onLoad(() => {})
videoAd.onError((err) => {})
videoAd.onClose((res) => {
// 用户点击了【关闭广告】按钮
if (res && res.isEnded) {
// 正常播放结束,可以下发游戏奖励
} else {
// 播放中途退出,不下发游戏奖励
}
})
}

// 用户触发广告后,显示激励视频广告
if (videoAd) {
videoAd.show().catch(() => {
// 失败重试
videoAd.load()
.then(() => videoAd.show())
.catch(err => {
console.log('激励视频 广告显示失败')
})
})
}

激励视频广告文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html