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

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

AdMob のアカウントを作る

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

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

  1. Downloads for appcelerator’s titanium_modules – GitHub からモジュールをダウンロード。
  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 を開き、 部分を次のように書き換える。

<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>>>'
});
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

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

ありがとうございます!

コメントを残す

メールアドレスが公開されることはありません。