html5+游戏+广告,给html5 游戏添加admob广告挣钱盈利

给html5游戏添加admob广告挣钱盈利

经过几年的发展，html5逐渐发展起来，特别是今年以来已经有不少html5游戏作品面世，作为开发者，如何通过html5游戏挣钱还是个问题。

这里就先介绍下通过给html5游戏或者html5应用添加广告挣取收入的方法。

广告平台一般都只提供移动端的oc或者java版本的sdk，大部分不会单独出个js的sdk，Html5游戏做完后通过phonegap或者cordova打包成手机运行包ipa和apk，再通过cordova 和phonegap提供的插件功能添加原生的广告。

1.       下载安装cordova，并用cordova创建一个工程

Cordova是apache下的一个开源软件，其安装步骤比较多，包括安装nodejs，jdk，android sdk(支持android则需要)等，具体步骤可以参考另外一篇文章 cordova 3.5安装教程(http://blog.csdn.net/admob/article/details/38894153)

安装完cordova 后通过如下cordova命令创建一个项目

Cordova create hello com.mysite.hello hello

Cd hello

Cordova platform add android

Cordova platform add ios  (需要mac上进行)

2.       把html5应用或者游戏代码复制进www目录

创建好cordova项目后项目目录下面有个www目录，把h5游戏代码复制进来

3.       安装admob广告插件

如果电脑联网可以通过命令在线安装admob广告插件

Cordova plugin add com.admob.AdmobPlugin

如果是离线的电脑，则需要先下载admob 插件到本地然后通过命令安装，

下载地址

安装命令：cordova plugin add c:/plugindir

Plugindir是下载后插件解压的目录

在游戏代码内适当的位置加入广告代码

下面例子是在设备准备完毕后设置广告id和展示广告

functiononDeviceReady() {

admobAd.initBanner("ca-app-pub-1738093038576474/9839543541",admobAd.AD_SIZE.BANNER.width,admobAd.AD_SIZE.BANNER.height);//iosInterstitial

admobAd.showBanner(admobAd.AD_POSITION.BOTTOM_CENTER);

}

document.addEventListener('deviceready',onDeviceReady,false);

4.       注册和配置admob广告ID

上apps.admob.com创建admob账号，并创建app和添加广告位，获得admob广告id，然后用自己的admob广告id体会上面代码中ca-app-pub-1738093038576474/9839543541

5.       打包盒运行

代码修改完后通过cordova命令打包成ipa或者apk

Cordova build android

Cordova build ios

将分别生产apk和ipa文件，把文件安装到手机就能测试看到广告了