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

demo下载地址请关注微信公众号"全栈弄潮儿"回复:admob-demo

前端面试题每日更新,欢迎参与讨论,地址:https://github.com/daily-interview/fe-interview。


更多angular1/2/4/5、ionic1/2/3、react、vue、微信小程序、nodejs等技术文章、视频教程和开源项目,请关注微信公众号——全栈弄潮儿

脑筋急转弯:

生活小窍门

你可能感兴趣的:(ionic接入广告)