微信小程序——添加广告

要想在微信小程序中加入广告，首先要在微信小程序后台开通流量主
流量主需要满足：1、累计独立访问（uv)不低于1000；2、有严重违规的小程序不与开通。

广告主要有：banner广告、激励视频广告、卡片广告、插屏广告、盒子广告、feeds广告、积木广告。

一、banner 广告

banner广告比较简单，直接在html页面中适当的位置加入:

<ad unitId="你的广告id"></ad>

二、卡片广告

卡片广告跟banner广告差不多，直接在适当的位置加入

<ad unit-id="你的广告id" type="card"></ad>

三、盒子广告

盒子广告需要在js文件中加入

let appbox = qq.createAppBox({adUnitId: '你的盒子广告id'
})
appbox.load().then(()=>{appbox.show()
})

这里需要注意的是，从微信小程序后台复制的代码，广告id应该是字符串，要加上引号。

四、激励视频广告

激励视频是需要写在js文件中

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

然后在合适的位置展示视频广告

if (videoAd) {videoAd.show().catch(err => {// 失败重试videoAd.load().then(() => videoAd.show())})}

如果要在按钮上加入视频广告，需要注意视频广告的回调。onClose回调函数会记录点击了几次视频广告。

五、插屏广告

插屏广告要写在js文件中

let interstitialAd = null
Page({onLoad() {if(wx.createInterstitialAd){//1.创建广告实例interstitialAd = wx.createInterstitialAd({ adUnitId: 'xxxx' })//3.监听广告，广告显示出来以后你要做的操作interstitialAd.onLoad(() => {console.log('onLoad event emit')})//其实可以不用管这个onError，它的作用是如果广告拉取失败，就提示你interstitialAd.onError((err) => {console.log('onError event emit', err)})//广告关闭时，触发。interstitialAd.onClose((res) => {console.log('onClose event emit', res)})}},onshow:function(){//2.让广告显示出来interstitialAd.show().catch((err) => {console.error(err)})}

插屏广告需要注意的是：
1、不能在小程序一进来的时候就加入插屏广告。
2、插屏广告可能在电脑微信开发工具里显示不出来，要用真机调试才能看到

微信小程序——添加广告相关推荐

微信小程序添加插屏广告
目录微信小程序创建项目配置底部导航栏微信小程序滚动播放内容微信小程序功能中心模块开发微信小程序个人中心页面开发微信小程序获取电话号码微信小程序显示列表数据微信小程序显示分页列表微信小程 ...
微信小程序——添加按钮格式
微信小程序--添加按钮步骤一:在wxml文件中添加按钮代码(图后提供可复制代码) <button class = "button_cat">炸炸呼呼</butt ...
微信小程序开屏广告实现
微信小程序开屏广告即打开微信小程序后全屏展示的广告图片.用户可点击"跳过"按钮跳过广告,或者广告展示一段时间过后进入微信小程序.并可以显示广告的剩余时间.效果图如下(背景图是网图, ...
微信小程序的广告方式有哪些
之前小木和大家介绍了小程序的朋友圈广告功能,紧接着就收到小伙伴的咨询:除了朋友圈广告,小程序在微信中还有其他广告入口吗?答案是肯定的,今天接着来和大家介绍小程序在微信生态中的广告方式都有哪些. 微信小 ...
【微信小程序中广告收益赚钱了】
微信小程序中广告收益赚钱了目录 1.申请流量主 2.嵌入广告 3.收益统计目录 1.申请流量主登录微信小程序,点击流量主,点击开通(用户量不低于1000): 同意协议并点击下一步.并按要求填写个 ...
如何在微信小程序添加漂流瓶_漂流在数海中
如何在微信小程序添加漂流瓶 This summer I helped a client automate several Excel sales reports, comparing sales fo ...
微信小程序添加全景实例
微信小程序添加全景实例你好! 也许这是你第一次想在小程序添加全景,也有可能不是第一次.但是本Girl 添加全景有着很深的印象,特意用文章记录下来,方便自己记住,下面就来了解本Girl添加全景的惨痛经 ...
taro开发微信小程序-添加开发者预览,上传测试版本(十四)
taro开发微信小程序,上传测试版本,如果需要访问网络需要打开调试模式,如果配置了https协议的服务,提示对应的服务器证书无效,那么必须正确配置ssl证书,可以在阿里云或者腾讯云申请. 添加开发者预 ...
微信小程序添加社交类目
微信小程序添加社交类目,需要上传<非经营性互联网信息服务备案核准>即icp备案文件可以通过https://beian.miit.gov.cn/#/search/info查询

微信小程序——添加广告

微信小程序——添加广告

一、banner 广告

二、卡片广告

三、盒子广告

四、激励视频广告

五、插屏广告

微信小程序——添加广告相关推荐

最新文章

热门文章