給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文件，把文件安裝到手機就能測試看到廣告了

總結

以上是生活随笔為你收集整理的html5+游戏+广告,给html5 游戏添加admob广告挣钱盈利的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。