Titanium(Alloy)でAdMobとnendを使って広告を表示するまでの日記

まえがき

こんな感じのアプリ内の広告を出すためにやったことのメモをしたいと思います。

開発環境

・Titanium SDK 3.1.0

・Alloy 1.1.2

・AdMobモジュール　1.5.0

・nendモジュール　1.0.1

・ビルド対象はとりあえずiOS

今回はAlloyフレームワークでやっていますが普通のTitaniumでも問題ないと思います。

お世話になるサービス

・AdMob

admob

・nend

nend

AdMobに関して

・Googleアカウントでサクッと登録。

・アプリをリリースしていなくても利用できる。

・appcelerator製のモジュールをすぐに利用可能。

・報酬受取のためにPayPalアカウントを作っておくことを推奨。

nend

・最初の利用登録の際に審査がある（私の場合は翌日結果到着）

・広告の審査がある。（現在審査中なので後に追記予定）

・Titanium用モジュールを問い合わせて送ってもらう必要がある。（１０分で到着）

・Titaniumモジュールに日本語マニュアルが付いてきてきてちょっと幸せ。

・テスト用の広告コードがマニュアルに乗っているので動作確認がすぐに可能。

・モジュール自体はAdMobのものと似たような感じ。

モジュールの取得

※　ここから先は上記のサービスに登録し、広告の登録を済ませたらとゆうことで・・

・Admob

Admob

ti.admob-iphone-1.5.0.zip

これをダウンロードする。

※nendに関しては直接お問い合わせしましょう。

モジュールの配置

上記にてダウンロードしたzipフォルダを展開してこんな感じにプロジェクトにほりこみます。

AdMob

nend

tiapp.xmlの変更

モジュールのところをこんな感じで。

	<modules>
		<module device="iphone" version="1.5.0">ti.admob</module>
		<module device="iphone" version="1.0.1">net.nend</module>
	</modules>

とりあえずビルドを走らせよう

１度エラーははかれてもめげずにビルドしましょう。

buildフォルダの削除や。

プロジェクトのクリーンなどやってみましょう。

CLIだとこんな感じ

 > titanium clean

広告を表示するためのjsファイルを作成

・createAdView.js

/**
	広告描画用のメソッド

	モジュールをプロジェクトに追加している必要がある。
	各種識別コードに関しては（config/ads.js）に記載している
*/

Titanium.Admob = require('ti.admob');
Titanium.Nend  = require('net.nend');

function createAdView(){

	var rand = Math.floor(Math.random()*2);
	switch(rand){

		case 0:
			var adview = Titanium.Admob.createView({
				width:  320,
				height: 50,
				bottom: 0,
				adBackgroundColor:'black',
				publisherId: ADMOB_PUBID
			});
			break;

		case 1:
			var adview = Titanium.Nend.createView({
				spotId: NEND_SPOTID,
				apiKey: NEND_APIKEY,
				width:  '320dp',
				height: 50,
				bottom: 0,
				left:   0
			});
			break;

		default:
			var adview = null;
			break;

	}

	return adview;

}

自分の場合はこんな感じに

admobとnendをランダムで表示するだけです。

各種コードは別途ファイルで定義しています。

・ADMOB_PUBID

・NEND_SPOTID

・NEND_APIKEY

がそれ。

広告を表示する

$.win1.add(createAdView());

createAdView.jsを読み込んでいる状態ならこんな感じで広告を表示することができます。

関連記事

新着記事