ウェブ、ショウジン

Titanium Mobileで作ったAndroid向けアプリにAdMobを実装

2012-7-12
Category
スマートフォン・アプリ

Titanium Mobileで作ったサンプルアプリ(Android向けアプリ)にAdMobを実装して広告を表示してみる。(iOS向けはまたやり方が違う)

Titanium SDK:2.1.0
ti.admob:2.0
Titanium Studio for Mac OS X:2.1

を使って。

とりあえず以下を参考に。
http://developer.appcelerator.com/blog/2011/09/admob-for-android-module-tutorial-and-code.html

appceleratorの公式モジュール配布ページに行って
https://github.com/appcelerator/titanium_modules

admob/mobile/android/dist

に進み

ti.admob-android-2.0.zip

をクリックし

「Raw」ボタンをクリックして「ti.admob-android-2.0」をダウンロード。

ダウンロードしたzipファイルを展開せず、そのままFinder上でコピーして、Titanium StudioのProject Explorerで該当プロジェクト直下にペースト。

ペーストしたzipファイルをダブルクリックすると展開されてプロジェクト直下にmodulesが出現する。

この中の

modules/android/ti.admob/2.0/example

にある「app.js」を開いて「<<your publisher id>>」部分を自分の(AdMobに登録したアプリに割り当てられている)パブリッシャーIDに変更。

そして、必要な部分(とりあえずほとんど全部)をコピーしてResources/app.jsにペースト。必要なところは適宜書き換えて。(addするwin名をあわせるとか)

tiapp.xmlを開いて

<modules>
    <module platform="android" version="2.0">ti.admob</module>
</modules>

を追加。位置はti:app要素の閉じタグの直前あたりに。

あと、このままだとti.admob内にあるdocumentationの一部ソースに問題があってコンパイルできないので、これをポイしてしまう。

Androidエミュレータで実行してみたいけれどいろいろやってみたら、なんか実機にインストールでないとダメっぽいので、それ(実機へのインストール)でいく。

実機にインストールするのはEclipseでやるよりこっち(Titanium Studio)のほうが簡単。

Titanium StudioからTitanium Mobileで作ったアプリをAndroidデバイス(実機)にインストール

だけど、このままでは

[ERROR] /Users/SHOWJIN/Dropbox/Workspace/Ti_MBA/SampleMap/build/android/AndroidManifest.xml:13: error: Error: String types not allowed (at ‘configChanges’ with value ‘keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize’).

こんなエラーが爆発して実機でもダメ。

エラーメッセージの一部を使って検索したら

http://developer.appcelerator.com/question/130886/admob-android—cannot-install-module

これが役立ちそうだったので、やってみる。

tiapp.xmlのこの記述を

<android xmlns:android="http://schemas.android.com/apk/res/android"/>

このように変更

<android xmlns:android="http://schemas.android.com/apk/res/android">
    <tool-api-level>13</tool-api-level>
</android>

最新のAdMob SDKを利用するにはAPIのターゲットが13以上でないといけないらしいので、たぶんそのための記述かなと。

そのAPIターゲットのことはこっちを参照のこと。
AdMob広告をAndroidアプリで表示させる

再度プロジェクトを右クリックで「Install to Android Device」を実行。

広告が表示されることを確認。

実際に本番アプリに実装する場合はテスト用の
記述を書き換えたりボタンを削除したり、適宜調整すればオーケーではないかと。

Categories

Tag Cloud

AdMob Android Apache centos CodeIgniter EC-CUBE facebookアプリ facebookページ feed Firefox Flash google googleanalytics htaccess iPad iPhone JavaScript lamp mobile nginx ogp pear php plugin rollover rss sendmail setting smarty ssh Titanium Mobile Titanium Studio tutorial ubuntu vim VirtualBox vmware vps Windows WordPress xampp youtube さくらインターネット アクセス解析 カスタム投稿