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下载地址请关注微信公众号"ionic实战"回复:admob-demo

最新技术福利

免费视频教程百度云盘链接:

React Native入门 链接:https://pan.baidu.com/s/1qYtryC8

ionic入门 链接:https://pan.baidu.com/s/1i5mKcnF

微信小程序入门 链接:https://pan.baidu.com/s/1o8FGjDw

为了保证连接的可使用性,请关注微信公众号"全栈弄潮儿",

领取 提取码:

React Native入门视频 回复“RN提取码”

ionic入门视频 回复“ionic提取码”

微信小程序入门视频 回复“小程序提取码”

原文地址:https://www.cnblogs.com/LVBingo/p/6432029.html