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

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

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

AdMob のアカウントを作る。
テスト用のアプリを登録する。
publisherID をメモしておく。

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

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

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

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

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

<modules>
    <module version="1.0">ti.admob</module>
</modules>

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:’<your publisher id="" here>&gt;&gt;’
});
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の導入方法まとめ – AdMob モジュールの設置方法 – kaz_konno’ blog: walkthisway

ありがとうございます！

コメントを残す