html5应用怎么加入度移动ssp广告

html-css018

html5应用怎么加入度移动ssp广告,第1张

安装phonegap插件for百度移动ssp

当然也可以下载到本地进行安装。执行完后如果没有错误提示,项目下的plugins目录下多个目录com.baidu.html5.plugin.BaiduAdPlugin表示安装成功

安装成功后把example目录下的index复制到项目的www目录下,修改index.html中的bannerID和fullID为你百度移动联盟获取到的key

然后执行html5打包,放到设备上运行,点击显示广告,广告出来了表示ok。

然后研究index.html里面的代码

在Hmlt5 app中展示百度移动ssp插屏广告部分

在html5应用中展示百度移动ssp全屏广告,先cache加载全屏广告,等加载完后再showInterstitial来展示广告,展示广告的时机根据自己控制,可以改成游戏结束的时候show。js代码如下。appID是应用ID,fullID是全屏广告位。

function onInterstitialReceive(message) {

baiduAd.showInterstitial()//加载完成后展示广告

}

baiduAd.initInterstitial("appID", "fullID")//创建广告

document.addEventListener('onInterstitialReceive', onInterstitialReceive, false)//监听广告加载成功事件

baiduAd.cacheInterstitial()//创建全屏完成后加载广告

html5 app插入百度移动广告的横幅广告

在html中的js部分添加下面js代码,其中appID和bannerID是在百度移动ssp后台申请到的参数;其中appID就是百度移动ssp(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中

“H5是一系列制作网页互动效果的技术集合,即H5就是移动端的web页面。而H5游戏,你可以看作是移动端的web游戏,无需下载软件即可体验,这就是H5在传播上的优势。对于许多手游玩家来说,H5可能是个十分陌生的名词,其实H5就是HTML的高级版本,目前H5技术正在不断完善。”

h5属于电子商务和软件开发的课程