换一个姿势,零编程3秒搞定小游戏Banner广告接入

我的围脖2012的天涯 2020/9/17 8:03:48

前言 为了帮助更多人,更多非程序员也能上手小游戏,晓衡之前提供了:GameNavigator:小游戏互跳导航组件RewardedVideoAd:激励视频组件CreatorPrimer:内容生产组件包含有场景切换、预制加载、二维码、节点拖动等等为了进一步完善微信小游戏可视化无编程组件,这次我们又…

前言

为了帮助更多人,更多非程序员也能上手小游戏,晓衡之前提供了:

  • GameNavigator:小游戏互跳导航组件

  • RewardedVideoAd:激励视频组件

  • CreatorPrimer:内容生产组件包含有场景切换、预制加载、二维码、节点拖动等等

为了进一步完善微信小游戏可视化无编程组件,这次我们又更新了 BannerAd 组件,一起来看下效果:

够霸气吧!一次显示了上、中、下三条 Banner 广告,考验玩家的时刻到了,如何点中开始游戏,正式发布的游戏如果是这样,相信会不会发财呢?

现在有了我们提供的 BannerAd 组件,实现像上面一次加载三个组件会非常Eas,看一下组件设置:

如果感觉太专业了,请看下面我精心准备的 Banner 广告组件的使用方法。

组件挂载

我是在 Canvas 同层创建了一个 BannderAd 的节点,其实任意节点都可以,这里主要是为了规范,放在了最外层场景上。然后将 BannerAD.ts 脚本拖动到节点面板上,复制你的Banner 广告 ID 上去就可以了!

配置好后只能在微信环境才能预览到,我在 Home 场景的顶部和底部,以及在双人游戏中的中间放置Banner,效果不错!

组件设置

BannerAd 组件目前提供了三个属性:

  • AdUnitId:广告 id

  • Placement:广告位置

  • Expries:过期时间

公众号上有些读者,可能并未接触过微信小游戏,下面详细介绍参数的作用。

「AdUnitId」:这个就是 Banner 广告 ID,在微信小游戏后台获取,见下图:


流量主 => 广告管理 => 广告位管理 => Banner广告

注意,流量页面是需要我们的游戏累计 1000 用户后才能开通

Placement:用于控制 Banner 的位置,当首次创建 Banner 时,微信官方居然引导我们将 Banner 放到中间屏幕中间,有图为证:

我曾经想到过一种玩法,在飘忽不定的 Banner 中,让玩我女儿点击游戏中的不断飞起的气球!

千万不要被微信误导,其实真实情况 Banner 大多是放在底部的,顶部也还好,放屏幕中间的估计是小程序而不是小游戏。

「Expries」:过期时间默认是 30 秒,这个意思不是说 30 秒会重新刷新Banner 的内容。而是在切换场景时,新场景中仍然使用这个广告ID的话,超过了 30 秒,会将之前创建的广告对象释放,重新创建新的!

这样的效果是,用户在不同场景中切换时,Banner 中的广告内容会有所变化,不会那么呆板,切来切去都是一同个广告内容。

其实这里我是被伤过的,我女儿曾说过:”爸爸、爸爸,你做的这个游戏好丑,广告都比你做的好看!“。

“我是做的教程,好不好…”,算了,伤心事就不提了!

游戏联盟

游戏联盟 creator-game-legends 开源项目,计划将微信相关的 SDK 以零编程、可视化、组件化友好的方式提供非程序员使用,也能帮助新入坑的编程的伙伴们学习 Cocos Creator 微信 SDK 接入,这次更新我对项目结构进行了调整,看下图:

  • game-ad:广告系列组件,目前提供了 「Banner」 和**「激励视频」,后面还会陆续增加「插屏」「格子」**等组件类型,并且是直接拖拽就能使用;

  • game-navigator:游戏导航换量组件,开启不同游戏之间的传送门,支持微信云动态二维码二阶跳。

其实微信小游戏也支持游戏录屏、声控、摄像头控制等抖音小游戏玩法,只是感觉目前接入还不多,晓衡也会将这些能力补充上,敬请期待,也欢迎你的加入!原创不易,感谢点赞分享!

github:https://github.com/ShawnZhang2015/creator-game-legends

随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[换一个姿势,零编程3秒搞定小游戏Banner广告接入]http://www.zyiz.net/tech/detail-147137.html

上一篇:Spring 5 中文解析数据存储篇-Spring框架的事物支持模型的优势

下一篇:轻量级的分布式日志追踪利器,十分钟即可接入,从此日志追踪无难事

赞(0)

共有 条评论 网友评论

验证码: 看不清楚?
    关注微信小程序
    程序员编程王-随时随地学编程

    扫描二维码或查找【程序员编程王】

    可以随时随地学编程啦!

    技术文章导航 更多>
    扫一扫关注最新编程教程