小程序中插入广告

article/2025/9/11 8:08:41

一、小程序广告种类简介：

小程序流量主可开通广告位包括：小程序Banner广告位、激励式广告位、视频前贴广告位（仅限非游类目小程序）、视频广告（仅限非游类目小程序）、小程序格子广告、小程序原生模板广告。

1、小程序Banner广告

广告位置：小程序页面内，由小程序流量主决定实际播放位置。
产品形态：广告外层为纯图片或“图片+按钮”的卡片形式，点击外层图片或按钮将跳转指定落地页
在这里插入图片描述

2、激励式广告

广告位置：开发者在小程序中自定义广告入口与奖励，用户主动点击，触发广告
适用于的场景：
①获取积分：观看广告可获得额外的签到/分享积分
②获取进阶内容：观看广告，可进入下一个视频/课程
③解锁特殊内容：观看广告，可获得新功能的限时体验机会，观看广告，可获得VIP内容的观看机会
④获取参与机会：观看广告，可参与具有奖励的活动
在这里插入图片描述

3、插屏广告组件

广告位置：开发者在小程序自定义广告场景，用户触发该场景时，插屏广告将自动像用户展示
适应的场景：
①切换Tab：从首页切换到上城Tab时出现广告，从个人主页Tab切换回首页时出现广告
②游戏回合结束：每当游戏回合结束时出现广告，每当游戏关卡通过时出现广告
③视频播放停顿：当视频播放结束时出现广告，当视频播放暂停时出现广告
④流程结束：购物下单流程结束时出现广告，完成一次分享时出现广告
不建议在如下场景下展现小程序插屏广告：
①不要在用户一打开小程序时就插入广告
②不要打断用户的完整操作过程
例如：不要在一次沉浸的游戏过程、或快速的信息流下拉刷新过程中插入广告
在这里插入图片描述

4、视频前贴广告组件（仅限非游小程序）

广告位置：包含视频内容的小程序，开发者可自定义广告出现的具体视频。当用户点击播放视频内容时，视频前贴广告将在视频播放前展示
广告限制：为保证良好的用户体验，小程序视频前贴将受到如下限制，建议流量主在设计广告触发场景时参考：
①视频内容需满足一定的时长要求，才能展示前贴广告
②用户首次进入一定时间不允许展示前贴广告
③用户看完一个前贴广告后，需间隔一定时间展示下一个前贴广告
④不可定义大小、方向、播放暂停等操作，只可以竖屏转横屏
在这里插入图片描述

5、视频广告组件（仅限非游小程序）

广告位置：在小程序页面接入，由开发者决定广告实际展示的位置，广告区域露出一定比例开始播放，用户离开广告素材后暂停播放，返回后继续播放。
播放逻辑：
①广告区域露出50%后开始播放，在4g+wifi下自动播放
②广告默认静音播放，用户可点击打开/关闭声音
③广告播放结束后将自动重播，广告不支持暂停播放
在这里插入图片描述

6、小程序格子广告

广告位置：在小程序页面内，由小程序流量主决定实际播放位置
适用场景：
①功能暂停、停顿页：一个带视频的小程序，视频播放结束时，一个小游戏进行中暂停时
②主流程结束页：一个小游戏回合结束时的页面上，一个小程序主要功能结束时的页面上
③页面底部或头部：悬停在游戏页面底部或头部，与目前banner的可用区域类似
不建议在如下场景展示小程序格子广告：不要遮挡小游戏或小程序的有功能区域
在这里插入图片描述

7、原生模板广告

广告位置：原生模板广告共计5种画布类型，组成15中默认模板，且可对圆角、边距等元素自定义编辑。可适配场景较多，开发者可根据小程序实际场景创建可配的模板，在最恰当的场景展现广告

二、操作指引

开通流量主流程
在这里插入图片描述

1、Banner广告组件
①进入小程序后台管理界面->，点击流量主->新建广告位->填入广告位名称->获取广告位代码片段，开发者可以复制代码到程序中使用
在这里插入图片描述
2、激励式广告组件
同Banner先创建广告位，获取代码
代码示例：

//在页面中定义激励视频广告对象
let videoAd=null
//在页面onload事件回调中创建广告对象，开发者可在此处监听onload、onError、onClose等广告事件，实现对应的业务逻辑
if(wx.createRewardedVideoAd){videoAd=wx.createRewardedVideoAd({adUnitId:'你的广告位ID'})
}
//在适合的位置展示广告
if(videoAd){videoAd.show().catch(err=>{//失败调试videoAd.load().then(()=>videoAd.show())})
}

3、插屏广告组件
同上，新建广告位，获取代码

//在页面中定义插屏广告对象
let interstitialAd=null
//在页面onload事件回调中创建广告对象，开发者也可以在此处监听onload、onError、OnClose等广告事件
if(wx.createInterstitialAd){interstitialAd=wx.createInterstitialAd({adUnitId:'你的广告位ID'})
}
//在适合的场景展示广告
if(interatitialAd){interstitialAd.show().catch((res)=>{console.error(res)})
}