unity開発アプリに広告実装するよー！

1

今日の授業

Confidential / Don’t distribute　 cayto inc.

2

アプリ開発者の収益を最大限にするためのバックエンドサービス

とは、


3

広告ネットワーク

アプリのマネタイズに必要な機能が全て用意されているサービス

アプリ内課金PUSH通知サーバー etc…


4

今日の授業の内容


Unityで、広告実装！

5



UnityとはiOS、Androidのゲームを開発できる3Dゲームエンジン

PlayStation 3、Xbox 360、Wii Uなどの10のプラットフォームに

対応していて本格的なゲームも開発できる

6


1時限事前準備を説明します。

2時限広告実装を説明します。


今日の教材サンプルプロジェクト（iOS用）

schoo_unity_20141210

ダウンロード

してくださいねー

ダウンロードはこちら

https://app-c.net/schoo/schoo_unity_20141210.zip

7Confidential / Don’t distribute　 cayto inc.

広告実装準備をはじめますよー！

１時限目　事前準備

❏ 手順（1）— 広告SDKのダウンロード —

❏ 手順（2）— サンプルプロジェクトを開く —

❏ 手順（3）— 広告SDKの設置 —

❏ 手順（4）— appC Cloud初期設定 —

❏ 手順（5）— 実装準備 —

❏ 手順（6）— appC Cloud初期化処理 —


appC Cloud管理画面（h*ps://app-‐c.net/）にログインして、appC cloudの広告SDKをダウンロードします。

1. Unity の最新SDKをダウンロードログインしたら、①SDKダウンロードページへ行き、Unity用の②「Download SDK」ボタンから「appc_cloud_unity_v_2.2.0_20140926.zip」をダウンロードします。

手順（1）— 広告SDKのダウンロード —

1

2

https://app-c.net/


Unityを起動してサンプルプロジェクトを開きます。

2-‐1. サンプルプロジェクトを開くFileメニューの「Open project… 」で、Project Wizardを開き「Open Other」を選んでダウンロードした「schoo_unity_20141210」の「ShooFngGame」フォルダを選んで「Open」ボタンで次へ行きます。

手順（2）— サンプルプロジェクトを開く —


新規プロジェクトのオプション情報を設定して作成完了。

手順（2）— サンプルプロジェクトを開く —

2-‐2. サンプルプロジェクトを開くProjectタブの「Scenes」フォルダから「Stage」を選ぶと「Game」と「Scene」のタブに「ShooFngGame」のUIが表示されます。

サンプルプロジェクトを開いた直後「Stage」を開いた直後


サンプルプロジェクトに、appC cloud のUnity SDKを設置します。

3-‐1. appC cloudのUnity SDKを設置Projectタブに、appC Cloud管理画面よりダウンロードしたSDKの最新バージョン「appc_cloud_plugin_2.2.0_x6.unitypackage」をドラッグ&ドロップします。

手順（3）— 広告SDKの設置 —


iOS SDKのパッケージをインポートして設置を完了します。

手順（3）— 広告SDKの設置 —

3-‐2. インポートインポートのダイアログが出ますので、「Import」ボタンをクリックする

3-‐3. 設置完了「Project」タブに「Plugins」フォルダが現れていれば設置完了です。


次にappC cloudの広告SDKの初期設定を始めます。

Androidの場合：appC Cloud管理画面（h*ps://app-‐c.net/）にログインして、アプリの登録をします。 4-‐1. appC cloudでAndroidアプリを登録

管理画面ダッシュボードで　　　　　　　ボタンをクリック→アプリ管理名を「schoo1210」と入力して登録→Androidを選択→メディア詳細画面へ。

メディア詳細画面で左の赤枠のように「アプリ名」「パッケージ名」を入力して、画面下にある　　　　　　　　ボタンをクリックし「メディアキー」を生成してください

「メディアキー」はコピーボタンでクリップボードにコピーされます。

手順（4）— appC Cloud初期設定 —

https://app-c.net/


iOSの場合：appC Cloud管理画面（h*ps://app-‐c.net/）にログインして、アプリの登録をします。

4-‐2. appC cloudでiOSアプリを登録管理画面ダッシュボードでiOSを選択→メディア詳細画面へ。

メディア詳細画面で左の赤枠のように「アプリ名」「BudleID」を入力して、画面下にある　　　　　　　　ボタンをクリックし「メディアキー」を生成してください。

「メディアキー」はコピーボタンでクリップボードにコピーされます。


https://app-c.net/


サンプルプロジェクトに、appC cloud のメディアキーを設置します。4-3. メディアキーの設置（Androidの場合）「Project」タブの「Plugins」フォルダから「Android」→「AndroidManifest」を開いてappC Cloud管理画面のメディア詳細設定からコピーした①の”パッケージネーム”と②の”

メディアキー”の部分に設置して初期設定の完了です。① net.appc.cloud.example.ad


1

2

② appC cloud で登録したメディアキー

※ iOSは、初期化コード内でメディアキーを設定します。19ページ参照


サンプルプロジェクトに、パッケージ名（Bundle ID）を設置します。4-4. BundleIDの設定（共通）「File」メニューから「Build SeWngs …」ダイアログを開いてプラットフォームにAndroidを選び、「Build And Run」をクリック、「Players SeWng…」で「Inspector」タブを開く。さらに「Android（もしくはiOS）」のタブから「Other SeWngs」にBundle IdenFfierにappC cloudの「パッケージ名（もしくはBundle ID）」を入力して完了です。



手順（5）— 実装準備 —

5-‐2. appC cloudのUnity SDKを設置Projectタブの「Scripts」フォルダに、サンプルプロジェクトの「Ad.cs」をドラッグ&ドロップします。

5-‐3. 設置完了「Scripts」フォルダに「Ad.cs」が現れていれば設置完了です。

次に、appC cloudのUnity SDKをサンプルプロジェクトに設置


手順（5）— 実装準備 —

「Ad.cs」を「Hierarchy」の「Main Camera」へドラッグ&ドロップします。

5-‐3. Main Cameraに貼り付ける「Project」タブから「Ad.cs」を「Hierarchy」の「Main Camera」へドラッグ&ドロップします。これで、シーン上に広告のスクリプトが適用されるようになりました。


サンプルプロジェクトに、appC cloud のメディアキーを設置します。6. 初期化処理「Project」タブから先ほど設置した「Ad.cs」を開いて⑤の初期化コードのコメントアウトを外して初期化処理の完了です。iOSは、⑥を挿入して完了です。

手順（6）— appC Cloud初期化処理 —

5

⑥ .SetMK_iOS(“appC cloud で登録したメディアキー”)

6

※ iOSは、以下の⑥初期化コード内でメディアキーを設定します。

２時限目広告実装　— ムーブアイコン広告 —


サンプルプロジェクトに

ムーブアイコン型広告を実装します

ムーブアイコン広告


実装手順　— ムーブアイコン広告の実装 —

1. Adのコメントアウトを外すだけ！「Project」タブから実装準備で設置した「Ad.cs」を開いてviewDidLoadメソッド内へ①②のコメントアウトを外して完了です。

1

2


実装手順　— ムーブアイコン広告の実装 —

2. Managerのコメントアウトを外すだけ！次に「Manager.cs」を開いて③④のコメントアウトを外して完了です。

3

4


サンプルプロジェクトに

カットイン広告を実装します

２時限目広告実装　— カットイン広告 —

カットイン広告


実装手順　— カットイン広告の実装 —

3. Ad.csのコメントアウトを外すだけ！「Project」タブから先ほど設置した「Ad.cs」を開いて①②のコメントアウトを外して完了です。

1

2


実装手順　— カットイン広告の実装 —

4. Manager.csのコメントアウトを外すだけ！「Project」タブから「Manager.cs」を開いて③の”)”を削除して④⑤⑥のコメントアウトを外して完了です。

34

56


補講

ビルドの説明をします


Androidの手順　— ビルド —

端末をPCについないで、ビルド&ランで確認！Andoroid端末をPCに繋いだら「File」メニューから「Build SeWngs …」ダイアログを開いてプラットフォームにAndroidを選び、「Build And Run」をクリックすれば端末で確認ができます。


iOSの手順　— ビルド —

端末をPCについないで、ビルド&ランで確認！iOS端末をPCに繋いだら「File」メニューから「Build SeWngs …」ダイアログを開いてプラットフォームにiOSを選び、「Build And Run」をクリック。


iOSの手順　— ビルド —

XcodeにLinked Frameworks and Libraries を追加！Xcodeが立ち上がるので、オプション情報のLinked Frameworks and Librariesの①「+」ボタンから、②のframeworkをダイアログで検索して「Add」ボタンで追加します。

1

2


お疲れさまでした

今日の授業はいかがでしたか？

もし、appC cloudに興味を持っていただけたら　　　　　　　　　を覗いてみてください！

ここではご紹介しきれないサービスが他にもたくさんありますよー。

https://app-c.net/

https://play.google.com/store/apps/details?id=jp.namikibashi.app.photo.doukyo_rira

私のアプリもよろしくお願いしまーす

https://app-c.net/?utm_source=schoo&utm_medium=pdf&utm_content=top&utm_campaign=0723

https://play.google.com/store/apps/details?id=jp.namikibashi.app.photo.doukyo_rira

31

カイト株式会社（cayto inc.)〒106-0047 東京都港区南麻布3-21-17 B City Tower Azabu Tokyo 7F Tel：03 5475 3385　　設立：2008年4月1日業務内容：「giveApp」「appC cloud」の運営

@appC_official

https://www.facebook.com/appc.cloud


unity開発アプリに広告実装するよー！

Mobile