TitaniumアプリにAdMob広告を表示する方法 - iPhone編

Titanium StudioのiPhone SimulatorでAdMob広告を表示できたので、それまでのメモ。

AdMobにアプリを追加してPublisherIdを取得する

≫AdMob - サイト及びアプリケーション
ここで広告を表示するiPhoneアプリケーションを登録する。
登録が完了すれば PublisherId を取得できる。

Titanium StudioにAdMobモジュールを追加する

≫appcelerator / titanium_modules
こちらから ti.admob-iphone-1.x.x.zip をダウンロードする。
ダウンロードしたZIPファイルを解凍すると modules フォルダが生成されるので、フォルダまるごとTitanium Studioのフォルダにコピーする。

$ cp -R modules ~/Library/Application\ Support/Titanium/

tiapp.xmlに設定を追加する

  <modules>
    <module version="1.x.x">ti.admob</module>
  </modules>

AdMob広告を表示するためのJavaScriptコードを書く

他のブログを見ると app.js に書くサンプルばかりだった。。。
Titanium Studio でプロジェクトを生成するときに、New Mobile ProjectからDefault Alloy Project を選択してるので、controllers/index.js にコードを書く。

var win = Ti.UI.createWindow({
	backgroundColor: '#f4f4f4'
});
var view = Ti.UI.createView();
var admob = require('ti.admob');
var adview = admob.createView({
	top:0,
	left:0,
	width:320,
	height:50,
	testing:true,
	adBackgroundColor:'black',
	publisherId:'hogehoge'
});

view.add(adview);
win.add(view);
win.open();

でも、これって iPhone だけの話で、Androidエミュレータで動かしてみたけどエラーで動かなかった。

Uncaught Error: Requested module not found: ti.admob

つまり、Android用のモジュールも追加しないとダメってことね。

明日に続く。