微信小程序广告接入
嘟嘟的程序员铲屎官 时间:2022-10-15
1.广告接入
前天看了看以前写的微信小程序,发现访问破了1000了,哈哈终于可以在自己写的小程序里面插入广告,现在记录一下怎么在小程序中插入广告吧:
第一步开通流量主
开通条件很简单就是总访问量过1000
同意协议并点击下一步。
填写个人的相关信息,包括身份证、收款账户等等。
上面的开户名称其实就是开户姓名,最后提交,系统会进行审核,审核时间说是大约一周。
第二步在小程序接入广告
创建广告位
选择要接入广告类型
并在下方填入广告位名称
点击确认后,进入广告位列表:
点击获取代码,然后复制里面的代码:
进入微信程序开发软件,在自己程序空白比较多的地方插入刚刚复制的语句,这就可以啦
2.激励视频广告接入
如果小程序一进去就先加载广告,然后再进入到index页面,怎么操作,先选择激励类型广告。
点击获取代码
在项目中添加一个page
并设置为项目第一启动项
jumppage.js中let videoAd = null为全局变量
在页面onLoad回调事件中创建激励视频广告实例
页面跳转操作:
wx.switchTab({ url: '../index/index' });
- 1
- 2
- 3
完整代码:
// 在页面onLoad回调事件中创建激励视频广告实例if (wx.createRewardedVideoAd) { videoAd = wx.createRewardedVideoAd({ adUnitId: 'adunit-f8bd4231b2720db6' }) //捕捉错误 videoAd.onError(err => { // 进行适当的提示 }) // 监听关闭 videoAd.onClose((status) => { if (status && status.isEnded || status === undefined) { // 正常播放结束,下发奖励 // 跳转到首页 wx.switchTab({ url: '../index/index' }); console.log("跳转到首页") } else { // 播放中途退出,进行提示 // 跳转到首页 wx.switchTab({ url: '../index/index' }); console.log(" 播放中途退出,跳转到首页") } }) }
- 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
在onShow中启动广告:
// 在合适的位置打开广告 if (videoAd) { videoAd.show().catch(err => { // 失败重试 videoAd.load() .then(() => videoAd.show()) }) }
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
最后运行一下:
运行出现广告:
然后关闭之后:
3.封面广告
显然上面那种操作,广告收益会比较高,当对于用户的体验会非常差,其实微信开发有相应的封面广告可以直接接入,而且不需要插入任何代码,可以说非常Nice!
广告管理>封面广告>点击开启(对应序号3)
点击场景设置
场景设置其实就是当用户在该情景下打开时,就会弹起广告,勾选对应场景即可!
或者在详细配置中进行配置
运行效果
4.具体效果微信扫码观看
特别声明:本站部分内容收集于互联网是出于更直观传递信息的目的。该内容版权归原作者所有,并不代表本站赞同其观点和对其真实性负责。如该内容涉及任何第三方合法权利,请及时与824310991@qq.com联系,我们会及时反馈并处理完毕。