百度移动联盟phonegap/cordova插件使用总结
来源:互联网 发布:sftp默认端口 编辑:程序博客网 时间:2024/04/29 19:54
百度移动联盟phonegap/cordova插件使用总结
使用 Cordova 开发了个应用,想在里面植入广告来挣点小费,发现还真不容易,后面发现可以通过phonegap/cordova 百度移动联盟插件来实现在应用里面插入百度广告。
百度联盟phonegap/cordova插件,是一个方便html5开发着使用的百度移动联盟插件,能很方便的在html5混合应用如cordova,xdk,appcan,webx5,jqmobile、senchatouch,ionic中接入百度ssp联盟广告, ios和android应用都支持,代码完全一样无需修改,很方便。
下面是使用过程
安装phonegap/cordova百度移动联盟插件
我最开始是使用的cordova命令行直接通过github远程的方式安装,在命令行中输入
cordovaplugin add https://github.com/baidumobad/baidu-ssp-phonegap-plugin.git
但是我网络不好安装失败,出现了如下错误
我把插件下载到本地(下载地址https://github.com/baidumobad/baidu-ssp-phonegap-plugin),解压后通过本地输入命令 安装
cordovaplugin add D:\baidu-ssp-phonegap-plugin
执行完后,没有错误提示,项目下的plugins目录下多了个目录com.baidu.cordova.plugin.BaiduAdPlugin,安装成功
phonegap/cordova应用插入百度移动广告的横幅广告
在html中的js部分添加下面js代码,其中appID和bannerID是在百度移动ssp后台申请到的参数;其中appID就是百度移动联盟(http://ssp.baidu.com)里面的应用ID,banner ID是横幅代码位;baiduAd.AD_POSITION.BOTTOM_CENTER是广告位置,表示应用底部居中。还有其他的相对位置,具体可以看baiduAd.AD_POSITION.BOTTOM里面的常量。也可以使用绝对定位,插件的例子里面有。为了方便我还是使用的相对定位。
baiduAd.initBanner("appID","bannerID");//初始化banner广告
baiduAd.showBanner(baiduAd.AD_POSITION.BOTTOM_CENTER);//用相对位置的方式展示广告,具体的相对位置的值AD_POSITION中
在phonegap/cordova应用中展示百度移动联盟插屏广告
在phonegap/cordova应用中展示百度移动联盟全屏广告,比banner的要略微复杂点,需要先cache加载全屏广告,等加载完后再showInterstitial来展示广告,直接showInterstitial是不会出现广告的。我是在全屏广告加载完后立即展示广告,当然根据自己的应用特点来,可以改成游戏结束的时候show。我的js代码如下。appID是应用ID,fullID是全屏广告位。
function onInterstitialReceive(message) {
baiduAd.showInterstitial();//加载完成后展示广告
}
document.addEventListener('onInterstitialReceive',onInterstitialReceive, false);//监听广告加载成功事件
baiduAd.initInterstitial("appID","fullID");//创建广告
baiduAd.cacheInterstitial();//创建全屏完成后加载广告
移除广告
全屏广告是不需要代码移除的,用户点击关闭按钮后会隐藏移除。
横幅广告可以调用baiduAd.hideBanner()来移除。
百度移动广告phonegap/cordova插件其它注意点
1.Init函数都只需要调用一次,横幅后面直接show,全屏直接cache。
2.全屏展示完后需要重新cache
3.如果不是在全屏接收完成事件里面展示全屏广告,需要在展示前调用isInterstitialReady判断广告是否加载完成
4.更多的用法可以看插件目录下的Example目录的例子
5.如果有问题也可以加入交流群475496285
因为github有时候链接不上,我把百度移动联盟ssp的phonegap/cordova插件上传到csdn,方便大家下载。
http://download.csdn.net/download/annaanna01/9366563
- 百度移动联盟phonegap/cordova插件使用总结
- [Phonegap+Sencha Touch] 移动开发64 Phonegap/Cordova 插件开发
- Admob PhoneGap Plugin 和百度移动广告Cordova Plugin使用教程入门
- Admob广告cordova/phonegap插件使用教程
- [Phonegap+Sencha Touch] 移动开发2、PhoneGap/Cordova初步使用
- PhoneGap/Cordova学习笔记--3.初次使用Cordova插件
- cordova百度导航插件使用
- phonegap cordova ionic插件
- phoneGap(cordova)插件开发学习
- 自定义cordova插件(phonegap、ionic)
- [Phonegap+Sencha Touch] 移动开发3、使用Weinre调试PhoneGap/Cordova应用
- [Phonegap+Sencha Touch] 移动开发5、Sencha touch结合Phonegap/Cordova使用
- [Phonegap+Sencha Touch] 移动开发62 使用GapDebug调试Phonegap/Cordova应用
- 跨平台移动开发phonegap/cordova 3.3全系列教程-百度云推送push
- 百度云推送push-- 跨平台移动开发phonegap/cordova 3.3全系列教程
- 跨平台移动开发phonegap/cordova 3.3全系列教程-百度云推送push
- phonegap(cordova) 入门 16----总结
- 添加插件--跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld
- 手机下载apk
- java的前期绑定和后期绑定使用示例
- 画布
- ViewConfiguration详解
- iOS蓝牙开发把16进制字符串转换成NSData的方法
- 百度移动联盟phonegap/cordova插件使用总结
- 修改树莓派ArchLinux分区的大小
- Mysql索引
- 轻量级JavaEE企业应用实战(九)
- A1.0.1 如何下载地图瓦片?记录我的实现过程
- 通过修改父类样式名。改变子类样式的
- Android性能调优工具TraceView介绍
- 美联储加息靴子落地 A股“利空”有望变“利多”
- windows安装python+numpy+scipy+matplotlib+pandas+beautifulsoup