一、获取Admob phonegap 广告插件(cordova 广告平台插件)
在cordova 和phonegap等html5手机应用里面展示Admob,百度移动联盟,广点通广告需要Cordova Plugin和Phonegap
Plugin广告插件,我们可以通过Keymob广告插件来插入admob广告,百度移动联盟广告和广点通等广告。Keymob广告管理插件可以从github上下载到,(下载cordova广告插件)目前的版本是20150801
下载解压后可以看到cordova 插件的目录结构,除常规的插件文件和目录src,www,plugin,还有example,iosadapter,readme.md,readme_zh.md,下面是文件介绍。
README.md keymob 英文快速集成文档
README_zh.md keymob 中文快速集成文档
src keymob广告管理库的ios代码和android代码
www keymob广告插件的js代码模块
Example 广告管理插件的例子程序
iosadapters 第三方广告平台ios适配器和sdk
二、添加Keymob广告插件到cordova项目或Phonegap项目
添加使用广告管理库需要下面几步骤
下载并解压keymob广告管理插件下载地址
使用命令安装插件,假设插件解压目录为d:\keymobplugin
cordova plugin add d:\keymobplugin
三、添加广告展示的js代码
1.初始化Keymob广告插件
初始化Keymob管理库是调用其他广告功能函数的前提,必须先初始化才能做别的调用,下面是使用Keymob.com 服务的初始化方式
keymob.initFromKeymobService("1", true);
参数说明
"1" 第一个参数是Keymob应用ID,在Keymob.com注册创建应用后获得的应用ID
false 是否是测试模式,开发调试时设置为true,发布时设置false。
2.展示Admob,百度移动联盟,广点通等的广告
下面把显示横幅广告在绝对位置(0,200)示例
keymob.showBannerAbsolute(keymob.AdSize.BANNER,0,200);
参数说明
AdSizes.BANNER 第一个参数广告尺寸,所有默认支持的广告横幅尺寸都在AdSizes类中
"0" 第二个参数是广告的位置x
"200" 第二个参数是广告的位置y
四、App展示广告需要针对IOS项目进行的处理
把自己需要的平台库添加到项目路径中,用xcode打开工程项目,然后右击项目,选择添加文件到工程,找到iosadapters下的需要的平台库
如果使用了广点通平台,则需要添加 -lstdc++ 到 Other Linker Flags,设置的方式是单机工程文件,选择build settings 然后搜索Other Linker Flags
app展示admob和百度移动联盟广告可以针对Android平台进行优化处理(优化处理,非必须)
在生成的android工程assets目录下面有三个文件夹,
biduad_plugin是百度广告需要的文件,如果未使用百度广告可以删除
gdt_plugin 是广点通广告需要的文件,如果未使用广点通广告可以删除
com_keymob_sdks 是Keymob平台默认广告,在无法连接keymob的情况下会使用默认平台,如果想使用别的平台作为默认平台可以从
https://github.com/keymobdev/admob-adapter下载放在com_keymob_sdks下
注意:文件夹和jar文件名称不能修改
使用Admob Phonegap Plugin (Admob Cordova Plugin)后app里面整合广告就非常简单了
demo下载地址请关注微信公众号"ionic实战"回复:admob-demo
最新技术福利
免费视频教程百度云盘链接:
React Native入门 链接:https://pan.baidu.com/s/1qYtryC8
ionic入门 链接:https://pan.baidu.com/s/1i5mKcnF
微信小程序入门 链接:https://pan.baidu.com/s/1o8FGjDw
为了保证连接的可使用性,请关注微信公众号"ionic实战",
领取 提取码:
React Native入门视频 回复“RN提取码”
ionic入门视频 回复“ionic提取码”
微信小程序入门视频 回复“小程序提取码”