こんにちは、nend SDK担当のt_kinamiです。

本日発売されたRPGツクールMVが、スマホ用にアプリを作成できる！ということで、早速nendを組み込んでみました。

どうせならと思い、ゲームと相性の良いインタースティシャル広告を出してみました。

広告を表示するまでに、大きく分けて３つの処理が必要となります。

ゲーム内イベントで特定のURLスキームにアクセス
cordovaでURLをフック
SDKを使ってインタースティシャルを表示

１.ゲーム内イベントで特定のURLスキームにアクセス

RPGツクールMV上で広告を表示するイベントを作ります。今回は適当に人を配置して、接触したら広告を表示するイベントを作ります。

・イベントを作って

・"上級"の"スクリプト"を選んで

・スクリプトを書きます

[java] window.location.href = 'nendShowInterstitial://'; [/java]

(このURLスキームは、広告を出す為のダミーのURLスキームです。)

２.cordovaでURLをフック

イベントを受け取るための仕込みを行います。 RPGツクールMV のヘルプから、 ・ iOSアプリへの変換 の手順にしたがってガンガン進めていきます。

4-1-5 config.xmlファイルの編集 ここで一旦ストップします。ヘルプ上では、

また、<access origin="*">という行がありますが、ゲームのHTMLから外部のHTMLにアクセス可能にする設定です。必要ありませんので、この行は削除しておきましょう。

とありますが、ここを削除してしまうと広告が正常に表示されなくなってしまうので、削除しないでください。

３.SDKを使ってインタースティシャルを表示

ゲームからイベントを受け取り、広告を表示する処理を実装します。 Cordovaで生成されたxcodeprojファイルをXcodeで開きます。手順通りに進めていれば、以下の画像の辺りに作成されています。

３−１.プロジェクトにnend SDKを追加

まず、以下のURLを参考に、nend SDKをプロジェクトに追加します。

https://github.com/fan-ADN/nendSDK-iOS/wiki/SDKを手動で追加するこの手順の 3.リンカフラグの追加 まで行い、nend SDKを追加します。

３−２.広告のロード

次にAppDelegate.m に、広告の読み込み処理を追加します。

ヘッダーファイルのインポート文を追記します。

[java]

import "NADInterstitial.h"

[/java]

[java] - (BOOL)application:(UIApplication)application didFinishLaunchingWithOptions:(NSDictionary)launchOptions [/java]

メソッドに

[java] [[NADInterstitial sharedInstance] loadAdWithApiKey:@"308c2499c75c4a192f03c02b2fcebd16dcb45cc9" spotId:@"213208"]; [/java]

を追加します。

上記で使用しているApiKeyとSpotIDはテスト用です。実際に組み込むときはご自身のコードに書き換えてください。

３−３.cordovaライブラリの編集

次に、nend SDKを読み込ませるための設定を行います。

まず、 CordovaLib.xcodeproj の Target > Build Phases > Headers に、nendのHeaderを追加します

以下の順に選択します

"add other"をクリックし、NendAdのヘッダーファイルをすべて追加します。

以下のように追加できればOKです。

３−４.広告の表示

最後に、 CDVWebViewDelegate.m に、インタースティシャルを表示する処理を追加します。

ヘッダーファイルのインポート文を追記します。

[java]

import "NADInterstitial.h"

[/java]

[java] - (BOOL)webView:(UIWebView)webView shouldStartLoadWithRequest:(NSURLRequest)request navigationType:(UIWebViewNavigationType)navigationType [/java]

メソッド内に、

[java] NSString *urlStr = request.URL.absoluteString; if ([urlStr hasPrefix:@"nendshowinterstitial://"]) { [[NADInterstitial sharedInstance] showAd]; return NO; } [/java]

を追加します。