0%

微信小程序 如何接入视频激励广告

首先在需要打开激励视频广告的页面js中头部加入

1
var videoAd = null;

在onLaunch事件中加入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
if (wx.createRewardedVideoAd) {
console.log("视频预载中")
// 加载激励视频广告
videoAd = wx.createRewardedVideoAd({
adUnitId: 'adunit-123456789' //微信给你的视频广告的代码
})
//捕捉错误
videoAd.onError(err => {
console.log("视频加载失败")
// 进行适当的提示
})
// 监听关闭

}

然后把视频加载的代码扔到button或者其他的触发事件内,这里给了个弹窗避免引起反感

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
wx.showModal({
title: '提示',
content: '看个广告吧',
success(res) {
if (res.confirm) {
console.log('用户点击确定')

//加载激励视频
videoAd.load()
.then(() => videoAd.show())
.catch(err => console.log(err.errMsg))
videoAd.onClose((status) => {
if (status && status.isEnded || status === undefined) {
// 正常播放结束,下发奖励

} else {
// 播放中途退出,进行提示
console.log('用户没看完就关闭')
wx.showToast({
title: '等待广告结束关闭就可以提交啦',
icon: "none",
duration: 3000,
}),
setTimeout(function() {
wx.hideToast()
that.setData({
loading: false
}),
hasClick = false
}, 1500)
}
})

} else if (res.cancel) {
console.log('用户点击取消')
wx.showToast({
title: '猜猜点击确定会发生什么好事?',
icon: "none",
duration: 3000,
}),
setTimeout(function() {
wx.hideToast()
that.setData({
loading: false
}),
hasClick = false
}, 1500)
}
}
})