这篇文章纪录cocosCreator接入广告聚合平台踩过的坑

目标:

cocoscreator 接入优惠量、穿山甲广告SDK
cocoscreator 版本: 2.4.3

前提:

你已经可以正常打包apk

测试展示:

先展示一个接入优惠量视频广告结果:
默认工程界面
在这里插入图片描述
广告加载:
在这里插入图片描述

成品展示

在这里插入图片描述
这个小塔防游戏加入和激励视频广告和banner广告,结合游戏中的展示能更好理解下面的内容。

点击查看接入效果

步骤

话不多说 我们开始吧!

一、下载SDK
首先需要下cocoscreator专用的SDK 下完是这样的
在这里插入图片描述选择Android_ios:
在这里插入图片描述以安卓为例:打开bridge_android\library 文件夹会发现里面的arr包,这是等下需要用到的。
打开Script,把里面的AnyThinkAds 文件夹复制到项目的Script目录中。

接下来下载腾讯广告的SDK,下来是这样的:
在这里插入图片描述
二、构建项目
构建你的项目使项目生成build文件夹

三、复制aar包
打开\build\jsb-link\frameworks\runtime-src\proj.android-studio\app 文件夹,创建libs文件夹(文件名一定是libs),将上面下载到的aar包全部复制进去。

在这里插入图片描述

四、引用aar包
这一步很多教程都有,但是cocos已经为我们写好了,所以不需要。多次引用反而会报错。

五、修改AndroidManifest.xml 文件
和aar包一起下载下来的还有AndroidManifest.xml 文件,把里面的内容增加到项目的AndroidManifest.xm文件中,注意不是替换整个文件。项目有两个AndroidManifest.xm文件,一个在app目录下,一个在game目录下,都需要增加。

六、修改build.gradle 文件
和aar包一起下载下来的还有build.gradle 文件,把里面的内容增加到项目的build.gradle文件中,注意不是替换整个文件。项目有三个build.gradle文件,只需要增加app目录下和game目录下的build.gradle。

七、复制res/xml 文件夹
将下载的res/xml文件夹复制到项目res目录下

八、js层面的调用
模块引用:这些模块就是第一步复制的Script文件夹里

		require("./AnyThinkAds/ATJSSDK"); 
		require("./AnyThinkAds/ATRewardedVideoJSSDK"); 

初始化: id 和 key 是从广告平台获取

 ATJSSDK.initSDK("id", "key");

加载和播放视频广告: 做了5秒的timeOut

var setting = {};
ATRewardedVideoJSSDK.loadRewardedVideo(this.placementID(), setting);
setTimeout(() => {
    ATRewardedVideoJSSDK.showAd(this.placementID());
}, 5000)

九、测试
成功加载广告

可能出现的问题

一、 无法下载gradle
解决:我的另一篇纪录

二、无法识别 queries 标签
解决: 我的另一篇纪录

踩过的坑

一、 一定要做完上述步骤中的一到八步再编译,不然虽然可以编译成功但是各种闪退。

二、js调用的时候加载广告和播放广告之间一定要有几秒的时间差,特别是视频广告,不然播放失败。在游戏中一定要预加载广告。

结束语

感谢浏览,强推一波自己开发的小游戏,感谢试玩!
在这里插入图片描述

Logo

这里是一个专注于游戏开发的社区,我们致力于为广大游戏爱好者提供一个良好的学习和交流平台。我们的专区包含了各大流行引擎的技术博文,涵盖了从入门到进阶的各个阶段,无论你是初学者还是资深开发者,都能在这里找到适合自己的内容。除此之外,我们还会不定期举办游戏开发相关的活动,让大家更好地交流互动。加入我们,一起探索游戏开发的奥秘吧!

更多推荐