note から WordPress に出戻りました!😭

[ 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

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

ありがとうございます!

現場からは以上です。それでは、またッ!!!