百度广告cordova/phonegap插件使用教程

百度联盟cordova/phonegap插件,是一个方便html5开发着使用的百度广告插件,能很方便的在html5混合应用如cordova,xdk,appcan,webx5,jqmobile、sencha touch,ionic中接入百度ssp联盟广告, ios和android应用都支持,代码完全一样无需修改。

使用过程如下

安装cordova/phonegap百度广告插件

我最开始是使用的cordova命令行直接通过github远程的方式安装,在命令行中输入

cordova plugin add https://github.com/baidumobad/baidu-ssp-phonegap-plugin.git

但是我网络不好安装失败,出现了如下错误

我把插件下载到本地(官方下载地址https://github.com/baidumobad/baidu-ssp-phonegap-plugin),解压后通过本地输入命令 安装

cordova plugin add D:\baidu-ssp-phonegap-plugin

执行完后,没有错误提示,项目下的plugins目录下多了个目录com.baidu.cordova.plugin.BaiduAdPlugin,安装成功

cordova/phonegap应用中展示百度广告插屏广告

在cordova/phonegap应用中展示百度广告全屏广告,比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();//创建全屏完成后加载广告

cordova/phonegap应用插入百度移动广告的横幅广告

在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中

 

移除百度广告

全屏广告是不需要代码移除的,用户点击关闭按钮后会隐藏移除。

横幅广告可以调用baiduAd.hideBanner()来移除。

百度移动广告cordova/phonegap插件其它注意点

1.Init函数都只需要调用一次,横幅后面直接show,全屏直接cache。

2.全屏展示完后需要重新cache

3.如果不是在全屏接收完成事件里面展示全屏广告,需要在展示前调用isInterstitialReady判断广告是否加载完成

4.更多的用法可以看插件目录下的Example目录的例子

5.如果有问题也可以加入交流群475496285

时间: 2024-10-27 06:08:29

百度广告cordova/phonegap插件使用教程的相关文章

百度广告 高亮 Chrome插件(附源码)

一前言 百度最近是上了舆论头条了,相信中过百度毒的人对百度都反感.百度自己挖了这么多坑,终究还是要自己来填.国内网民使且最频繁的搜过 还是以百度为主,而百度依靠这种市场占有率靠他的广告竞价排名大发横财,却把很多急需帮助的人推进了火坑. 这一点在医疗方面是最突出的. 其次基本的用户体验也是被丢弃,比如 大家搜 "软件培训"  第一页 光广告就占去了一半以上......    真心不能忍!而且标识为广告 就靠着右下角一个小小的 推广 字段,连软件行业内的人都有可能不知道是广告,更别说普通用

cordova 自定义插件

cordova /phonegap 自定义插件 在使用cordova 的过程中,虽然官方提供的插件以及其他人开源的插件较多.但有时为了实现某种需求,还是需要自己编写插件. 以前总是会手动的配置cordova插件,具体可以参考phonegap手动配置插件 今天主要是介绍官方提供的plugman来创建插件 pluman的使用 首先,安装plumam npm install -g plugman 安装完之后,就可以创建plugin plugman create --name <pluginName>

十分钟开发一个调用Activity的PhoneGap插件

在HybridApp开发中,非常多业务我们是没有办法通过HTML5+js实现的,比方调用第三方的包括Activity的jar包,一些必须使用原生代码才干实现的功能,比方复杂的UI的效果,调用通讯相关的协议栈,第三方支付sdk等.这样的情况我们须要通过写cordova插件的方式,包装android原生代码为插件,供上层javascript调用.本文解说一个调用Activity并返回Activity结果的cordova插件样例,帮助大家掌握cordova plugin的开发 . Cordova插件是

屏蔽无耻的百度广告

以前的百度感觉很不错,现在似乎是被利益冲昏了头脑,浏览网页的时候,到处都是百度的广告,唉,真的变了. 进入主题,既然百度广告这么的令人反感,我们就要去屏蔽它.下面以chrome为例,很多插件都是各种浏览器都有的.屏蔽广告很出名的插件应该是Adblock plus了,但是应该由于百度的广告地址不能的变换,我们需要手工的去添加匹配.这样一来,以后我们看到一个百度广告,就讲这一类的全部加到规则中过滤就行了. Adblock中可以block element,但是只是屏蔽一个具体的地址,不具备通用性,我们

WordPress插件制作教程(一): 如何创建一个插件

上一篇还是按照之前的教程流程,写了一篇WordPress插件制作教程概述,从这一篇开始就为大家具体讲解WordPress插件制作的内容.这一篇主要说一下插件的创建方法. 相信大家都知道插件的安装文件在什么地方吧,没错就在WP-Content->plugins里面,我们所安装的插件都存放在了这个文件夹里面.当我们刚开始搭建好WordPress网站的时候,里面会默认提供两个插件,一个是Akismet(过滤垃圾评论插件)和一个hello插件(显示歌词的插件).我们可以打开hello.php这个文件,这

利用破解版百度广告框架去百度广告

反编译apk文件,一般是用apktool反编译apk,然后剔除com\baidu\mobads目录的.smali文件. 再用notepad++搜索所有的.smali文件(查找>>文件查找).初步定为那些类调用了百度广告api. 可能没有查找得到.如果查找的到则 对dex文件经行dex2jar,使用JDGUI打开jar文件,看看刚才定位的那些类怎么调用百度广告的什么api. 我反编译了一个apk,在jar中没有找到调用广告的api的代码.看来只用在layout布局文件查找. 其中一个布局文件发现

cordova,phonegap 重力感应

3.0版本后,cordova通过插件模式实现设备API,使用CLI的plugin命令可以添加或者移除插件: $ cordova plugin add org.apache.cordova.device-motion $ cordova plugin ls [ 'org.apache.cordova.device-motion' ] $ cordova plugin rm org.apache.cordova.device-motion 这个命令可以应用于所有平台,但是修改平台特定的配置设置需要使

一些必看的jQuery导航插件和教程

导航是一个网站最重要的元素之一,您必须遵循统一的风格来设计您的网站,特别是导航的风格,让用户可以轻松地找到他们想要的内容.这里最大的部分是开发一个菜单,即要直观易用,又要符合你网站的设计风格.本文列举了20个必看的jQuery的导航插件和教程,演示通过jQuery实现一些导航效果,教您如何做一个有创造性和易于使用的导航. 美丽滑出导航 在本教程中,展示了如何创建一个惊人的滑出式菜单或导航.这给出了一个漂亮的效果,使用这种技术可以节省您在网站上一些空间. Search Box with Filte

多说插件安装教程

html单页面添加多说社会化插件教程 | 浏览:509 | 更新:2014-10-04 16:55 | 标签:html 1 2 3 4 5 6 分步阅读 多说评论框是一款社会化评论插件,可以用新浪微博.腾讯QQ.人人.豆瓣多帐号登录,帮助网站进行社会化媒体优化.应用相当的广泛,可以给DZ,wordpress,帝国CMS等添加评论,下面我们就简单介绍下,html单页面添加多说插件的教程. 工具/原料 多说账号,自己的网站 方法/步骤 首先,我们登陆多说的后台,在“后台管理”里面,添加自己的网站