フェレット倶楽部の備忘録

Unityにnendのインターステーシャル広告を導入

うっかりミスでハマりました

わかってしまえば簡単に導入できるのだが、知識不足でハマってしまった。
自分への戒めと、同じ凡ミスでハマる人が居ないようにメモを残しておきます。

どのタイミングでインターステーシャル広告を表示する？

AppCを使っていた時にリコネクト広告ということで終了時に1枚表示してから終了するようにしていた。
同じような使い方をしてみたいのでAndriodのバックボタンをフックとする。

AndroidのバックボタンでUnityを終了させる

AndroidのバックボタンでUnityを終了させる方法を調べると以下のようなコードに行き着く。

  void Update () {
        if (Application.platform == RuntimePlatform.Android) {
            if (Input.GetKey(KeyCode.Escape)) {
                Application.Quit();
                return;
            }
        }
    }

公式でもAndroidチェックなどはやっていないが、

if (Input.GetKey(KeyCode.Escape))

の部分は変わらない。

終了部分をインターステーシャルに置き換える

終了処理の部分を、nendのサンプルを元にインターステーシャル広告表示に置き換える。
広告が閉じられたら終了でいいのでFinish()を使う。

start時にロード処理を加え

  void Start () {
        #if UNITY_ANDROID
        NendAdInterstitial.Instance.Load("apiKey", "spotId");
        #endif
    }

終了部分を置き換える

Application.Quit()とreturnを削除し以下の内容に置き換える。

NendAdInterstitial.Instance.Finish();

不具合発生

実機確認でバックボタンを押してみると一瞬だけインターステーシャル広告らしきダイアログが表示されるが消えてしまう。
フラグを立ててみたりしたが現象変わらずだった。

問い合わせてみた

インターステーシャル広告が使えないと今後困るのでnend側に問い合わせてみた。

解決

コードを送ってみると、Input.GetKeyではなくInput.GetKeyUpを使えば問題ないとのことだった。
そこで両者の違いを調べてみると

Input.GetKeyUpはボタンが話された時に呼び出される
Input.GetKeyはボタンが押されている間呼び出される

という違いがあった。
インターステーシャル広告はバックボタンで消すことが出来る仕様なので、
表示と非表示を繰り返したというわけだ。

単純にGetKeyとGetKeyUpの違いだったわけだが気をつけようと思う。

Unityにnendの広告を導入してみた（Android版）

なんでnend？

今まで占いアプリでAppCさんを愛用してきたが、

『appC cloud』は『アイテムSTORE』に生まれ変わります。
2013年11月より多くのアプリ開発者様へ提供しておりました『appC cloud』が4月よりアプリ内アイテム課金に特化したmBaaSサービス『アイテムSTORE』として生まれ変わります。

とのこと。
ダッシュボードを見るとこのようになっており、
１ヶ月の間に36,654回広告が表示され、285回クリック。
そのうち誘導先のアプリをインストールした人が1人とお寒い状況。
私にはCPI広告が厳しいようで、この機会にCPCへ乗り換えようと思った。
CPC広告のサービスを幾つか検討するとnendが単価も良くUnityでも使え導入も楽そうだった。

nendに登録する

nendのトップ画面から「アプリ・サイト運営者様」ボタンを押し「今すぐ始める」をクリックする。

メディアパートナー登録

「メディアパートナーご登録」画面が表示される。

会社名などが必須項目になっていて焦るが、「個人」ラジオボタンをクリックすると個人ユーザー向けの入力フォームに切り替わるので一安心。

メールアドレスやパスワードなどを設定する。

確認メールが送信されるので、メールを開きURLをクリックすると登録OK。

認証に3営業日かかるそうだ。

Unityプラグイン(iOS/Android) をダウンロード

リンク先が画面上から判らず、お知らせから辿った。

https://www.nend.net/m/sdk/

この画面からUnityプラグイン(iOS/Android) をダウンロードする。

私の時はnend_unity_plugin-1.3.5.unitypackageをダウンロード。

Unity側の操作

ダウンロードしたプラグインをUnity上にインポートする。

上部メニューに「NendSDK」が増えているのでConfigureをクリックする。

バナーを配置する

Hierarchyビューに空のオブジェクトを作成し（ここでは「NendAdBanner」という名前をつけている）

プラグインに含まれている「NendAdBanner.cs」をAdd Componentする。

スクリプト設定項目

スクリプトをAdd Componentするとスクリプトの設定項目に設定出来るので以下のように設定する。

Account：次節で詳しく

Adjust Size：チェックをつけるとサイズを自動調整してくれる

Gravity：バナーの表示位置が設定できるのでアプリによって任意の場所になるが、私はBOTTOMとした。

Api KeyとSpot IDの設定

Accountを開くとAndroidとiOSがある。今回AndroidなのでAndroidのApi KeyとSpot IDを入力する。

リリース時はnendのサイトから広告の申請を行ってIDを発行する必要があるが、

リリース前はテスト用のIDが使用可能。

テスト用IDのページはこちら

Unityエミュレータでは広告が出ないので実機で表示確認を行いバナーが表示されていればOK

Google Play servicesをUnityに導入する

google_play_servicesを導入する

「本気出す色覚テスト」を作る際にnend広告を導入した。
導入方法は別記事でUPするとして、
Androidアプリで広告を出す場合はgoogle_play_servicesを導入する必要があるので、

未導入の場合は導入しておく。

google_play_servicesをダウンロードする

google_play_servicesのダウンロードにはSDK Managerを使う。

私はAndroidStudioを使用した。

AndroidStudioの上部メニュー[Tools]-[Android]-[SDK Manager]からSDK Managerを起動する。

SDK Managerが開いたら「Google Play service」にチェックを付け「Install 1 package…」をクリックする。

このインストール数は同時にインストールするライブラリ数で変わってくるが今回はGoogle Play serviceだけ欲しいので他のチェックは全て外している。

ライセンスに同意する

ライセンス条項が表示されるので、読んでみてOKであればInstallをクリックする。

ダウンロードが終わったらAndroidStudioは閉じてOK

google-play-services.jarをUnityにインポート

~/Library/Android/sdk/extras/google/google_play_services/libproject/google-play-services_lib/libs

にgoogle-play-services.jarがあるので、これをUnityのProjectビューの

Assets/Plugins/Android

にドラッグ＆ドロップする。

これで広告使用の準備OK

UnityAdsを導入してみた

インストールすら要らなかった件

右上の雲のようなボタンを押すとserviceビューが開く。

始め、以下のような画面になり先へ進めずハマったが出先で移動しながらテザリングしていたせいだろうか。

wifiの使える場所でやってみたらすんなり進んだ。

セレクトボックスでProjectIDを選択しCreateを押す。

Adsを有効化する

以下のような画面になるのでAdsのOFFとなっているボタンをクリックする。

以下の画面になるので、スイッチっぽいボタンをクリックする。

対象年齢の設定

Adsが有効になるので作成中のプロジェクトの対象年齢を設定する。

「This game is directed to children under the age of 13 in the United States」

は日本語だと

「このゲームは、米国では13歳未満の子供を対象としています」

対象プラットフォームの設定

次に対象のプラットフォームを選択する。

今回はAndroidアプリなのでiOSのチェックを外す。

リリース版のビルドまではTest modeにチェックをつけておく。

ソースコードの設定

CODE SAMPLESの欄を拡げるとコードサンプルが表示されるのでコピっておく。

ソースコードをアプリに紐付ける

動画の再生タイミングはゲームまたはアプリのデザイン次第だが、

私の場合は売り上げに追われない個人開発で、なおかつ「動画ADを再生してもいいよ」という人が再生してくれれば良いのでゲーム中にユーザーの意思で再生できるボタンを作成した。

このボタンに先ほどのスクリプトをAddComponentし、OnClickのイベントと紐付けた。

サンプルコードはUnityAdsExampleになっているが、例ではなくなっているのでExampleを取った。

動作確認

シミュレーターでは確認できないので、実機で動作確認し動画が再生されればOK

本番リリース前にTest Modeのチェックを外しておくのを忘れずに。

Unityを使って1週間でカジュアルゲームを作ってみた

本気出す色覚テスト

「本気出す色覚テスト」というカジュアルゲームを作ってGooglePlayでリリースしました。

https://play.google.com/store/apps/details?id=com.ferretclub.colorsence

3連休中でアプリの基礎部分はほぼ出来ていましたが、
アニメーションを入れたり広告を入れたり、リリース用の画像を作ったりといった部分で合計1週間です。
細かい部分の方が大変。

是非とも遊んでやって下さいm(_ _)m

iphone実機で動作確認（無料）

概要

前回SwiftでHelloWorldをやったが、やはりiphone実機で動作確認しておきたい。

Unityからのビルドにも役立つはず。ということで試してみた。

実機とMacの接続

まずはiphone実機とMacをLightningケーブルで接続する。
Mac側に以下のようなダイアログが出てくるので「続ける」ボタンをクリックして許可する。

端末の方でも「このコンピュータを信頼しますか？」というダイアログが出るので「信頼」をタップする。

Xcode上での端末確認

通常は自動で選択されているが、Xcodeの左上、停止ボタンの右に表示されている端末選択欄で「Device」の部分にケーブル接続したiphoneが選択されていることを確認する。

実行してみる

実行できるか試すために先ほどの端末選択欄左にある実行ボタンをクリックしてみる。

が、ダメッ！

Failed code to sigh

「Failed code to sigh "HelloWorld."」というエラーが出る。
「Fix Issue」をクリックし、

「To fix this issue, add an Apple ID account.」というダイアログが表示されるので「Add...」をクリックしてHelloWorldアプリをAppleIDに紐付ける。

実機側でプロファイルを追加

実機側にもプロファイルを追加する。
[設定]-[一般]-（一般の下の方にある）[プロファイルとデバイスの管理]でAppleIDで使用しているメールアドレスをクリックし、HelloWorldを「信頼する」

もしCould not launchエラーが出る場合は

エラーの内容がprocess launch failed: Security
ということで「Security.framework」を追加する。
左側の一番上「HelloWorld」をクリックし、中央上部のタブから「General」を選択する。
下にGeneralの設定項目が表示されるので「Linked Frameworks and Libraries」の「＋」をクリックして「Security.framework」を追加する。

SwiftでHello World

なんでやってみたの？

iOSは実機での動作確認だけで有料のDeveloper登録をしないといけなかったので避けてきていたが、
Xcode7から実機での動作確認までは無料でできるようになったとのことで、
Android/iOS両プラットフォームにビルドが出来るUnityを使う身としてはUnityでiphoneの実機動作確認する時の為にXcodeを触っておきたかった。

環境

MacBookAir OS X Yosemite 10.10.5
Xcode 7.2.1 で実施しています。

手順

Xcodeプロジェクトを作成する

Xcodeを起動し、Welcomeメニューから「Create a new Xcode project」を選択する。

テンプレートを選ぶ

テンプレート選択画面になるので「Simple View Application」を選択しNextをクリックする。

プロジェクトのオプションを設定する

「Product Name」
「Organization Name」
「Organization Identifier」
「Language」

を設定する。
Product Nameは何でも良いが今回Hello Worldをやりたいので、わかりやすくHelloWorld。
Organization Nameは組織名。
Organization Identifierは組織の持っているドメインをドット区切りで逆にしたもの。
LanguageはデフォルトでObjective-Cになっているが、今回はSwift。

プロジェクトの保存先を決める

プロジェクトを保存するディレクトリを決める。
今回新たに「iosprojects」ディレクトリを作成した。
これは自分のわかりやすい場所でOK

日本語設定をする

左のナビゲーターエリアにある「Info.plist」をクリックし、
「Localization native development」の値を「Japan」にする。

ストーリーボードにラベルを配置する

左のナビゲーターエリアにある「Main.storyboard」をクリックし、
真ん中の「View Controller」をクリックする。
右側のユーティリティーエリアから「◎」を選択する。
下のメニューがスクロール出来るので「Label」を「View Controller」にドラッグ＆ドロップし、
配置されたLabelをダブルクリックして「Hello World」と入力しEnterキーを押す。

最後に左上の実行ボタンを押す。

Developer Modeにする

MacをDeveloper Modeにして良いか聞かれるので「Enable」をクリックする。

シミュレーターで動作確認

シミュレーターが立ち上がり「Hello World」と表示されていればOK

でか！
とりあえずHello Worldは出来た！

シミュレーターのサイズ調整

シミュレーターが大きすぎてMacの画面に入りきっていないのでサイズを調整
画面上部メニューの「Window」からあっさりできた。
[Window]-[Scale]-[好きなサイズ]

Pythonを使ってお手軽にjsonを整形（Python知らなくても大丈夫）

どんな時に使うの？

jsonを確認したい時、インデント等されず１行で表示されると見難い。
コピペしてjson整形をしてくれるサイトに貼って確認しても良いのだが、
コンソールならお手軽な方法がある。

お手軽な方法

以下のようにする

$ echo "{\"hoge\":\"hoge\", \"foo\":\"foo\"}" | python -m json.tool
{
"foo": "foo",
"hoge": "hoge"
}

鍵を登録しておいて毎回パスワードを入力しないようにする

使いどころ

gitにpushする時など、毎回鍵のパスワードを入力しなければいけない時があり（それが大事ではあるが）面倒に感じたりする。
鍵のパスワード入力を１回で済ませる方法

$ eval `ssh-agent`
$ ssh-add ~/.ssh/秘密鍵

ssh key作成方法

ssh keyの作成方法

$ ssh-keygen -t rsa -C "メールアドレス"
Generating public/private rsa key pair.
Enter file in which to save the key (/ホームディレクトリ/.ssh/id_rsa): 鍵の名前
Enter passphrase (empty for no passphrase):パスワードを入力する
Enter same passphrase again:パスワードを再度入力する

これで出来る。