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

这篇文章是以为自己发现流量主并没有什么流量，看广告极大的影响了使用体验，故而完全去掉了视频激励广告的代码，代码就放到博客里面吃灰吧哈哈哈

文章目录

微信小程序如何接入视频激励广告
- 条件
- 代码
- 参考资料

条件

满足独立用户数量达到1000即可申请流量主
然后申请视频广告位即可

代码

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

var videoAd = null;

在onLaunch事件中加入

if (wx.createRewardedVideoAd) {console.log("视频预载中")// 加载激励视频广告videoAd = wx.createRewardedVideoAd({adUnitId: 'adunit-123456789' //微信给你的视频广告的代码})//捕捉错误videoAd.onError(err => {console.log("视频加载失败")// 进行适当的提示})// 监听关闭}

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

 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)}}})

然后实机调试即可，按下你绑定的那个按钮，点击确定就能看广告了

参考资料

微信官方开发文档-激励视频广告组件

微信小程序如何接入视频激励广告相关推荐

微信小程序填坑视频篇
写了一年小程序,每天接受数万付费用户的考验,踩过小程序的坑数不胜数.先写一下视频篇,写一些会影响到用户正常看视频功能和影响业务主体流程的坑. 1.一些低端设备无法播放高清视频 1080p 需要接入转码 ...
微信小程序 RTMP 音视频通话 ffmpeg_WebRTC与微信小程序音视频互通方案设计与实现...
背景在之前的WebRTC实时音视频通话之语音通话设计与实践中介绍了58 TEG部门基于 WebRTC 的实时音视频通话解决方案. 考虑到腾讯微信的小程序平台提供了音视频通话与直播的支持,如果能打通基 ...
微信小程序模仿开眼视频app（三）——信息卡片瀑布流和分类
<微信小程序模仿开眼视频app(一)--视频首页.视频详情.分类> <微信小程序模仿开眼视频app(二)--搜索功能> 可到我的github账号上去copy文件瀑布流部分文 ...
微信小程序模仿开眼视频app（一）——视频首页、视频详情、分类
可到我的github账号上去copy文件先展示一下我实现了的功能吧提示,如果有出现无法加载域名之类问题的的,可以在"设置"-"项目设置"-打钩"不 ...
微信小程序实战开发视频
微信小程序实战开发视频: 链接:http://pan.baidu.com/s/1jIAwBLs 密码:ej3b
java基于微信小程序的英语学习激励系统-计算机毕业设计
网络技术的快速发展给各行各业带来了很大的突破,也给各行各业提供了一种新的管理技术,对于微信小程序的英语学习激励系统将又是一个传统管理到智能化信息管理的典型案例,对于传统的英语学习激励管理,所包括的信息 ...
使用Filler4提取微信小程序中的视频
因为需要做防范电信网络诈骗的宣传,但是相关视频网站的内容都不适合宣传使用,最后在微信小程序搜索到一些合适的内容,但是微信小程序的视频不能直接下载,就考虑通过获得文件地址直接下载. 1.机器环境系统: ...
视频教程-微信小程序快速入门视频课程-微信开发
微信小程序快速入门视频课程北京八维研修学院技术工程师,5年大型项目实战开发经验,3年授课经验. 孟宪杰 ¥168.00 立即订阅扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 AP ...
基于微信小程序的短视频管理系统
末尾获取源码开发语言:Java Java开发工具:JDK1.8 后端框架:SSM 前端框架:VUE 数据库:MySQL5.7 服务器:Tomcat8.5 开发软件:IDEA / Eclipse 是否 ...

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

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

文章目录

条件

代码

参考资料

微信小程序如何接入视频激励广告相关推荐

最新文章

热门文章

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

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

文章目录

条件

代码

参考资料

微信小程序 如何接入视频激励广告相关推荐

最新文章

热门文章

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

微信小程序如何接入视频激励广告相关推荐