小程序banner广告和激励广告
小程序banner广告和激励广告
1、小程序banner广告
1.1、先要在小程序公众后台获取广告位ID
代码片
<view class="empty"><ad unit-id="广告id"></ad></view>
注意事项
: Banner 广告不允许直接设置样式属性,默认宽度为100%(width: 100%),高度会自动等比例计算,因此开发者可以设置广告外层组件的宽度调整广告的尺寸。 广告外层组件的宽度不允许小于300px,当宽度小于300px时,Banner 广告的宽度会强制调整为300px
2、小程序激励广告
2.1、先创建广告实例
广告实例要在初始化就开始创建,可以在小程序页面的 onLoad 事件回调中创建广告实例,
代码片
// 在页面中定义激励视频广告
let videoAd = null
Page({onLoad() {// 在页面onLoad回调事件中创建激励视频广告实例if (wx.createRewardedVideoAd) {videoAd = wx.createRewardedVideoAd({adUnitId: 'xxxx'})videoAd.onLoad(() => {})videoAd.onError((err) => {})videoAd.onClose((res) => {})}}
})
2.2、广告拉取
激励视频广告组件是自动拉取广告并进行更新的,在组件创建后会拉取一次广告,用户点击 关闭广告 后会去拉取下一条广告
代码片
if (videoAd) {// 用户触发广告后,显示激励视频广告videoAd.show().catch(() => {// 拉取失败,重新拉取videoAd.load().then(() =>videoAd.show()).catch(err => {console.log('激励视频 广告显示失败')})})// 用户点击了【关闭广告】按钮videoAd.onClose(res => {if (res && res.isEnded) {// 正常播放结束,可以下发游戏奖励})} else {// 播放中途退出,不下发游戏奖励}})}
注意事项
:多个地方调用videoAd.onClose() 等方法监听广告事件会产生多次事件回调,会导致事件经常窜,在一个页面触发该事件,导致另一个页面有相同事件会被触发,可以在每个自己页面调用后取消原有的监听事件再重新监听,也可以在页面关闭的钩子里取消原有的监听事件
代码片
if (videoAd) {// 用户触发广告后,显示激励视频广告videoAd.show().catch(() => {// 拉取失败,重新拉取videoAd.load().then(() =>videoAd.show()).catch(err => {console.log('激励视频 广告显示失败')})})// 用户点击了【关闭广告】按钮videoAd.onClose(res => {if(!videoAd) returnvideoAd.offClose()if (res && res.isEnded) {// 正常播放结束,可以下发游戏奖励})} else {// 播放中途退出,不下发游戏奖励}})}
小程序banner广告和激励广告相关推荐
- 微信小程序 如何接入视频激励广告
微信小程序如何接入视频激励广告 这篇文章是以为自己发现流量主并没有什么流量,看广告极大的影响了使用体验,故而完全去掉了视频激励广告的代码,代码就放到博客里面吃灰吧哈哈哈 文章目录 微信小程序如何接入视 ...
- 小程序接入流量主、banner广告、激励广告
小程序接入广告 1.什么是微信小程序广告 2.流量主开通流程 3.微信小程序流量主开通以及添加广告步骤 (1) 接入banner广告 (2) 接入激励广告 1.什么是微信小程序广告 2.流量主开通流程 ...
- 小程序banner广告点击触发事件技术
现如今,小程序是遍布各大平台(微信,QQ,百度,抖音...),随着小程序的增多,流量也显得越来越珍贵,买量的钱是越来越多,除去靠小程序业务营收的(如商城)和靠小程序服务营收的(外卖,服务等),很大部分 ...
- JAVA制作弹出小广告的程序_微信小程序实现首页弹出广告
本文实例为大家分享了微信小程序实现首页弹出广告的具体代码,供大家参考,具体内容如下 这个微信小程序首页广告demo 仅供有需要的参考 .wxml this is ad //事件 catchtouchm ...
- java基于微信小程序的英语学习激励系统-计算机毕业设计
网络技术的快速发展给各行各业带来了很大的突破,也给各行各业提供了一种新的管理技术,对于微信小程序的英语学习激励系统将又是一个传统管理到智能化信息管理的典型案例,对于传统的英语学习激励管理,所包括的信息 ...
- 基于微信小程序的英语学习激励系统设计与实现-计算机毕业设计源码+LW文档
摘要 网络技术的快速发展给各行各业带来了很大的突破,也给各行各业提供了一种新的管理技术,对于微信小程序的英语学习激励系统将又是一个传统管理到智能化信息管理的典型案例,对于传统的英语学习激励管理,所包括 ...
- 2022最新语音变声器小程序源码+支持激励视频
正文: 2022最新语音变声器小程序源码+支持激励视频,如标题所示这就是一款变声器小程序源码. 程序支持多种音效生成,如少女音/鬼畜/恐怖/萝莉音效等等,另外支持本地音频文件上传变声,也支持直接录音变 ...
- java基于微信小程序的英语学习激励系统+ssm+uinapp+Mysql+计算机毕业设计
网络技术的快速发展给各行各业带来了很大的突破,也给各行各业提供了一种新的管理技术,对于微信小程序的英语学习激励系统将又是一个传统管理到智能化信息管理的典型案例,对于传统的英语学习激励管理,所包括的信息 ...
- ssm+vue+java微信小程序的英语学习激励系统#毕业设计
随着互联网大潮的到来,决定开发一套智能化.信息化的微信小程序的英语学习激励系统,主要对首页,个人中心,用户管理,单词分类管理,单词本管理,学习清单管理,试卷管理,试题管理,系统管理,考试管理等功能模块 ...
最新文章
- windows上python3安装
- jq append添加的元素click获取不到的解决方法
- 风险项目投资选择与管理
- 解决远程连接mysql错误1130
- 转载:SharePonit Host WCF 注意事项
- 项目中使用 java函数式编程_函数式编程在Java8中使用Lambda表达式进行开发
- 信息学奥赛C++语言:最小数输出
- 微服务实战(八):落地微服务架构到直销系统(服务高可用性)
- hibernate4平台搭建
- C语言 · 阶乘计算 · 基础练习
- error: statement with no effect [-Werror=unused-value]
- u-boot源码个别分析
- NRF52832 SDK 15.2.0设置内部32768
- 我和大表哥可是有约在先的如果我输的话
- 怎么让热图显示基因名_教你画一个掰弯的热图(Heatmap),展示更多的基因表达量...
- 298day(点触验证)
- 【读书笔记】分布式下服务可靠性保障
- 小游戏《塔防》开发(二)
- 2021年中国地图省市县区边界shp格式arcgis数据(预览图)
- 网络工程毕业设计 SSM企业公寓宿舍后勤管理系统(源码+论文)