CocosCreator微信小游戏广告接入(banner、激励式视频、插屏)

开启小游戏流量主
- 开启流量主(访问量>=1000)
创建广告位
- 微信小游戏平台的广告类型主要分为1:banner广告，2:插屏广告，3:激励视频，4:格子广告以及5:原生模版广告。
创建好广告位就开始编写代码
- 定义几个全局变量，分别为

window.bannerAdv = null;
window.videoAdv = null;
window.interstitialAd = null;

初始化广告组件
- 这里我直接初始化了3个广告类型(banner，视频，插屏)

     let winSize = wx.getSystemInfoSync();//获取像素size// 创建 Banner 广告实例，提前初始化let bannerWidth = 300let bannerHeight = 80bannerAdv = wx.createBannerAd({adUnitId: '',//传入自己的id，此处为banner广告位IDadIntervals: 30,//定时刷新，最低30Sstyle: {left: (winSize.windowWidth - bannerWidth) / 2,top: winSize.windowHeight - bannerHeight,width: bannerWidth,},})//重新定banner位置bannerAdv.onResize((res) => {bannerAdv.style.top = winSize.windowHeight - bannerAdv.style.realHeight-1;})// 在适合的场景显示 Banner 广告bannerAdv.show();//不建议直接显示//拉取失败处理bannerAdv.onError((err) => {console.log(err);})// 创建激励视频广告实例，提前初始化videoAdv = wx.createRewardedVideoAd({adUnitId: ''//传入自己的id，此处为视频广告位ID})// 创建插屏广告实例，提前初始化if (wx.createInterstitialAd) {interstitialAd = wx.createInterstitialAd({adUnitId: ''//传入自己的id，此处为插屏广告位ID})}},

创建好后，在合适的地方调用
- banner广告调用

//显示banner
bannerAdv.show()
//隐藏banner
bannerAdv.hide()
//销毁banner
bannerAdv.destroy()

激励式视频广告调用

            // 用户触发广告后，显示激励视频广告videoAdv.show().catch(() => {// 失败重试videoAdv.load().then(() => videoAdv.show()).catch(err => {console.log('激励视频 广告显示失败')})})//拉取异常处理videoAdv.onError((err) => {console.log(err);})videoAdv.onClose((res) => {if(!videoAdv)return;videoAdv.offClose();//需要清除回调，否则第N次广告会一次性给N个奖励//关闭if (res && res.isEnded || res === undefined) {//正常播放结束，需要下发奖励} else {//播放退出，不下发奖励}})

插屏广告调用

                 // 在适合的场景显示插屏广告if (interstitialAd) {interstitialAd.show().catch((err) => {console.error(err)})}

接下来就可以打包微信平台，然后将代码放入微信开发者工具中，在开发者工具中看到广告是否正常拉取了喔。

CocosCreator微信小游戏广告接入(banner、激励式视频、插屏)相关推荐

《从0到1上线微信小游戏》第十一节接入微信小游戏广告
第十一节接入微信小游戏广告申请公测开通流量主并创建广告位广告代码接入实战广告组件审核接入广告是小游戏实现盈利的一种方式.笔者会在这一小节讲解如何接入,并列出接入时需要注意的一些问题. 申请 ...
码code | 小程序接入「激励式视频广告」硬核指南
4月16日,微信开放社区发布了"「激励式视频广告」向非游戏类小程序流量主开放"的公告,也就是说现在只要是开通了流量主的小程序,就可以跟小游戏一样插入激励视频广告. 激励式视频广告的 ...
CocosCreator 微信小游戏云函数简单使用
转自 CocosCreator 微信小游戏云函数简单使用 - 简书六边形站神关注IP属地: 湖南 2021.09.09 16:33:41字数 201阅读 554 后台编写云函数首先在后台开通云开 ...
CocosCreator微信小游戏排行榜开发
CocosCreator微信小游戏排行榜开发开发前言步骤1 开发前言第一次接触微信小游戏开发的小伙伴,可以看看排行榜的开发和注意事项: 一.开发微信排行榜的话,用户的信息需要从微信提供的API获 ...
CocosCreator 2.x接入微信小游戏广告
前言微信小游戏有多种广告类型,以下记录Banner广告和全屏激励广告的工具. 使用方法添加广告在AdUnitIdMap中添加广告显示激励广告 if (cc.sys.platform === c ...
CocosCreator微信小游戏接入微信登录获取微信名、头像、经纬度等信息
前言微信小游戏接入微信登录还是很简单的,不像原生平台开发,还需要提供appid,appsecret等信息,并有一系列的和微信平台的交互,才能最终授权成功. 下面TS代码演示了,老的接入流程. exp ...
CocosCreator微信小游戏排行榜及开放数据域的理解与使用
微信小游戏开放数据域及排行榜的使用好久没有写博客了,距离上一次博客,已经有了近半年之久,这段时间发生了太多的事,当然,这些不是今天的主题,接下来我们主要讲一讲微信小游戏开放数据域的使用,以及如果制作 ...
CocosCreator | 微信小游戏排行榜微信开放域
更多笔记和源码请关注:[微信公众号] CocosCreator笔记演示技术摘要主域工程微信授权创建子域节点向子域发送消息子域工程读写用户云托管数据接收主域发送的消息构建运行实现 ...
CocosCreator微信小游戏入门实战《小猫钓鱼》（十一）：总结以及源码分享
转载请保留原文链接:https://blog.csdn.net/zzx023/article/details/83068228 基本上到这里作为一个cocoscreator以及微信小游戏的开发者,我相 ...

CocosCreator微信小游戏广告接入(banner、激励式视频、插屏)

CocosCreator微信小游戏广告接入(banner、激励式视频、插屏)相关推荐

最新文章

热门文章