ionic接入广告

作者: 全栈弄潮儿 | 来源:发表于2017-02-17 16:49 被阅读140次

    获取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


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

    相关文章

      网友评论

        本文标题:ionic接入广告

        本文链接:https://www.haomeiwen.com/subject/mndlwttx.html