微信小程序中插入激励视频广告并获取收益(实例代码)

站长资源 2024/12/29 佚名

52 1538 52

DDR爱好者之家 Design By 杰米

最近微信小程序后台发送通知，小程序激励式视频广告组件日前已全量上线，也就是说大家可以在小程序中插入激励视频广告了，之前只允许小游戏可以使用。

激励式视频广告

用户在小程序中主动触发激励式广告，并达成奖励下发标准（完整播放视频广告，并手动点击 “关闭广告” 按钮），将获得该小程序下发的奖励。广告触发场景与奖励内容均由流量主自定义。

新建广告位

首先进入小程序后台点击流量主，点击广告位管理，点击新建广告位，就可以新建所需要的广告了，目前有三种 banner，激励视频，插屏广告。

插入广告代码

视频激励广告代码插入略微复杂，不像 banner 广告，直接获取广告组件代码插入即可显示。视频激励广告代码调用是 wx.createRewardedVideoAd 接口。接口返回一个单例对象，该对象仅对单个页面有效。

下面直接来看看是如何插入的：

首先在 js 文件中定义一个全局作用域的视频广告对象

// 在页面中定义激励视频广告对象

var videoAd = null;
Page({
 ...
})

由于广告对象是单例，且对单个页面有效，因此官方建议在页面加载后（onLoad 事件）中创建广告对象，并在该页面的生命周期内重复调用该广告对象。

具体实现代码

因此在 onLoad 函数中调用广告接口，并监听广告关闭。

onLoad() {
 if (wx.createRewardedVideoAd) {
 // 加载激励视频广告
 videoAd = wx.createRewardedVideoAd({
  adUnitId: '你的 adUnitId'
 })
 //捕捉错误
 videoAd.onError(err => {
 // 进行适当的提示
 })
 // 监听关闭
 videoAd.onClose((status) => {
  if (status && status.isEnded || status === undefined) {
  // 正常播放结束，下发奖励
  // continue you code
  } else {
  // 播放中途退出，进行提示
  }
 })
 }
}

注意这里需要对错误进行捕捉，否则会报下面的错误。

然后，在合适的位置展示广告，例如我这在一个 button 的 tap 事件进行广告显示。

// button 点击事件
openVideoAd() {
 console.log('打开激励视频');
 // 在合适的位置打开广告
 if (videoAd) {
 videoAd.show().catch(err => {
  // 失败重试
  videoAd.load()
  .then(() => videoAd.show())
 })
 }
}

这样就大工告成了，运行小程序测试即可。

如果视频显示异常可直接进入官方文档根据错误码查找对应问题。

官方文章地址： https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html

评论“微信小程序中插入激励视频广告并获取收益(实例代码)”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年12月29日

微信小程序中插入激励视频广告并获取收益(实例代码)

JavaScript中的函数申明、函数表达式、箭头函数

微信小程序实现滚动加载更多的代码

评论“微信小程序中插入激励视频广告并获取收益(实例代码)”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接