ionic接入广告

一、获取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里面整合广告就非常简单了

巴特西

ionic接入广告

一、获取Admob phonegap 广告插件(cordova 广告平台插件)

二、添加Keymob广告插件到cordova项目或Phonegap项目

三、添加广告展示的js代码

四、App展示广告需要针对IOS项目进行的处理

注意：文件夹和jar文件名称不能修改

demo下载地址请关注微信公众号"ionic实战"回复:admob-demo

最新技术福利

为了保证连接的可使用性，请关注微信公众号"ionic实战"，

最新文章

热门文章