[ Titanium Mobile ] AdMob for iOS モジュール設置してみた #titaniumjp

Titanium Mobile で使える AdMob for iOS モジュール設置してみたのでメモしておきます。

AdMob のアカウントを作る
———————————————————————-

1. [AdMob](http://jp.admob.com/) のアカウントを作る。
2. テスト用のアプリを登録する。
3. publisherID をメモしておく。

AdMob for iOS モジュールのインストール方法
———————————————————————-

1. [Downloads for appcelerator’s titanium_modules – GitHub](https://github.com/appcelerator/titanium_modules/downloads) からモジュールをダウンロード。
2. ダウンロードしたファイルを解凍する。
3. 解凍されたフォルダ内にある [ admob/mobile/ios/ti.admob-iphone-1.0.zip ] を解凍する。
4. 解凍してできた [ modules ] フォルダを、ユーザのライブラリフォルダ [ ~/Library/Application Support/Titanium ] フォルダ内に移動する。

先ほどの [ modules ] フォルダは、プロジェクトフォルダのルートでも動作するようです。
ただし、[ /Library/Application Support/Titanium ] フォルダ内にインストールしたら動きませんでした。

プロジェクト内の tiapp.xml に設定を追加する
———————————————————————-

tiapp.xml を開き、 部分を次のように書き換える。


ti.admob

AdMob 設置のサンプルコード
———————————————————————-

var window = Ti.UI.createWindow({
backgroundColor:’#444′
});

Titanium.Admob = require(‘ti.admob’);

var adview = Titanium.Admob.createView({
top:0,
left:0,
right:0,
width:320,
height:50,
//testDevices:true,
adBackgroundColor:’black’,
primaryTextColor:’blue’,
secondaryTextColor:’green’,
publisherId:’>>’
});
window.add(adview);

window.open();

`testing:true` と書くと、次のように「記述が古い」と怒られるので、`testDevices` と書きます。

“testing” property has been deprecated. Use “testDevices” instead.

`width` を指定していないと、次のように「広告が小さいよ」と怒られます。

errors = “Ad size (0,50) is too small.”;

雑感
———————————————————————-

– うまく行かなかったら、クリーンビルドしてみる!
– 僕の場合、iOS シミュレータでは広告が表示されませんでした。
– コードの中にある [ testing: true ] はテスト用じゃないの?必要?

開発環境
———————————————————————-

– Titanium Mobile SDK 1.7.5
– iOS SDK 5.0

参考にさせてもらったページ
———————————————————————-

– [Sawalog » 【Titanium Advent Calendar 2011:十四日目】広告、AdmobとAdmakerの導入方法まとめ](http://www.sawadaru.com/blog/?p=243)
– [AdMob モジュールの設置方法 – kaz_konno’ blog: walkthisway](http://d.hatena.ne.jp/kaz_konno/20110305/1299344159)

ありがとうございます!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です