1
今日の授業
Confidential / Don’t distribute  cayto inc.
2
アプリ開発者の収益を最大限にするための
バックエンドサービス
とは、
Confidential / Don’t distribute  cayto inc.
3
広告ネットワーク
アプリのマネタイズに必要な機能が
全て用意されているサービス
アプリ内課金PUSH通知 サーバー
etc…
Confidential / Don’t distribute  cayto inc.
4
今日の授業の内容
Confidential / Don’t distribute  cayto inc.
Unityで、広告実装!
5
今日の授業の内容
Confidential / Don’t distribute  cayto inc.
Unityとは
iOS、Androidのゲームを開発できる3Dゲームエンジン
PlayStation 3、Xbox 360、Wii Uなどの10のプラットフォームに
対応していて本格的なゲームも開発できる
6
今日の授業の内容
1時限
事前準備を
説明します。
2時限
広告実装を
説明します。
Confidential / Don’t distribute  cayto inc.
今日の教材
サンプルプロジェクト(iOS用)
schoo_unity_20141210
ダ
ウ
ン
ロ
ー
ド
し
て
く
だ
さ
い
ね
ー
ダウンロードはこちら
https://app-c.net/schoo/schoo_unity_20141210.zip
7Confidential / Don’t distribute  cayto inc.
広告実装準備をはじめますよー!
1時限目 事前準備
❏ 手順(1)— 広告SDKのダウンロード —
❏ 手順(2)— サンプルプロジェクトを開く —
❏ 手順(3)— 広告SDKの設置 —
❏ 手順(4)— appC Cloud初期設定 —
❏ 手順(5)— 実装準備 —
❏ 手順(6)— appC Cloud初期化処理 —
8Confidential / Don’t distribute  cayto inc.
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
9Confidential / Don’t distribute  cayto inc.
Unityを起動してサンプルプロジェクトを開きます。
2-­‐1.	
  サンプルプロジェクトを開く
Fileメニューの「Open	
  project…	
  」で、Project	
  Wizardを開き「Open	
  Other」を選んでダウンロー
ドした「schoo_unity_20141210」の「ShooFngGame」フォルダを選んで「Open」ボタンで次へ
行きます。
手順(2)— サンプルプロジェクトを開く —
10Confidential / Don’t distribute  cayto inc.
新規プロジェクトのオプション情報を設定して作成完了。
手順(2)— サンプルプロジェクトを開く —
2-­‐2.	
  サンプルプロジェクトを開く
Projectタブの「Scenes」フォルダから「Stage」を選ぶと「Game」と「Scene」のタブに
「ShooFngGame」のUIが表示されます。
サンプルプロジェクトを開いた直後 「Stage」を開いた直後
11Confidential / Don’t distribute  cayto inc.
サンプルプロジェクトに、appC	
  cloud	
  のUnity	
  SDKを設置します。
3-­‐1.	
  appC	
  cloudのUnity	
  SDKを設置
Projectタブに、appC	
  Cloud管理画面よりダウ
ンロードしたSDKの最新バージョン
「appc_cloud_plugin_2.2.0_x6.unitypackage」を
ドラッグ&ドロップします。
手順(3)— 広告SDKの設置 —
12Confidential / Don’t distribute  cayto inc.
iOS	
  SDKのパッケージをインポートして設置を完了します。
手順(3)— 広告SDKの設置 —
3-­‐2.	
  インポート
インポートのダイアログが出ますので、
「Import」ボタンをクリックする
3-­‐3.	
  設置完了
「Project」タブに「Plugins」フォルダが現
れていれば設置完了です。
13Confidential / Don’t distribute  cayto inc.
次にappC	
  cloudの広告SDKの初期設定を始めます。	
  
Androidの場合:appC	
  Cloud管理画面(h*ps://app-­‐c.net/)にログインして、アプリ
の登録をします。 4-­‐1.	
  appC	
  cloudでAndroidアプリを登録
管理画面ダッシュボードで       
ボタンをクリック→アプリ管理名を
「schoo1210」と入力して登録→Androidを
選択→メディア詳細画面へ。	
  
メディア詳細画面で左の赤枠のように「ア
プリ名」「パッケージ名」を入力して、画
面下にある        ボタンをクリッ
クし「メディアキー」を生成してください	
  
「メディアキー」はコピーボタンでクリッ
プボードにコピーされます。
手順(4)— appC Cloud初期設定 —
14Confidential / Don’t distribute  cayto inc.
iOSの場合:appC	
  Cloud管理画面(h*ps://app-­‐c.net/)にログインして、アプリの登
録をします。
4-­‐2.	
  appC	
  cloudでiOSアプリを登録
管理画面ダッシュボードでiOSを選択→メ
ディア詳細画面へ。	
  
メディア詳細画面で左の赤枠のように「ア
プリ名」「BudleID」を入力して、画面下に
ある        ボタンをクリックし
「メディアキー」を生成してください。	
  
「メディアキー」はコピーボタンでクリッ
プボードにコピーされます。
手順(4)— appC Cloud初期設定 —
15Confidential / Don’t distribute  cayto inc.
サンプルプロジェクトに、appC	
  cloud	
  のメディアキーを設置します。
4-3.	
  メディアキーの設置(Androidの場合)
「Project」タブの「Plugins」フォルダから「Android」→「AndroidManifest」を開いて
appC	
  Cloud管理画面のメディア詳細設定からコピーした①の”パッケージネーム”と②の”
メディアキー”の部分に設置して初期設定の完了です。
① net.appc.cloud.example.ad
手順(4)— appC Cloud初期設定 —
1
2
② appC cloud で登録したメディアキー
※ iOSは、初期化コード内でメディアキーを設定します。19ページ参照
16Confidential / Don’t distribute  cayto inc.
サンプルプロジェクトに、パッケージ名(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)」を入力して完了です。
手順(4)— appC Cloud初期設定 —
17Confidential / Don’t distribute  cayto inc.
手順(5)— 実装準備 —
5-­‐2.	
  appC	
  cloudのUnity	
  SDKを設置
Projectタブの「Scripts」フォルダに、サンプ
ルプロジェクトの「Ad.cs」をドラッグ&ド
ロップします。
5-­‐3.	
  設置完了
「Scripts」フォルダに「Ad.cs」が現れてい
れば設置完了です。
次に、appC	
  cloudのUnity	
  SDKをサンプルプロジェクトに設置
18Confidential / Don’t distribute  cayto inc.
手順(5)— 実装準備 —
「Ad.cs」を「Hierarchy」の「Main	
  Camera」へドラッグ&ドロップします。
5-­‐3.	
  Main	
  Cameraに貼り付ける
「Project」タブから「Ad.cs」を
「Hierarchy」の「Main	
  Camera」へドラッ
グ&ドロップします。これで、シーン上に
広告のスクリプトが適用されるようにな
りました。
19Confidential / Don’t distribute  cayto inc.
サンプルプロジェクトに、appC	
  cloud	
  のメディアキーを設置します。
6.	
  初期化処理
「Project」タブから先ほど設置した「Ad.cs」を開いて⑤の初期化コードのコメントア
ウトを外して初期化処理の完了です。iOSは、⑥を挿入して完了です。
手順(6)— appC Cloud初期化処理 —
5
⑥ .SetMK_iOS(“appC cloud で登録したメディアキー”)
6
※ iOSは、以下の⑥初期化コード内でメディアキーを設定します。
2時限目
広告実装 — ムーブアイコン広告 —
20Confidential / Don’t distribute  cayto inc.
サンプルプロジェクトに
ムーブアイコン型広告
を実装します
ムーブアイコン広告
21Confidential / Don’t distribute  cayto inc.
実装手順 — ムーブアイコン広告の実装 —
1. Adのコメントアウトを外すだけ!
「Project」タブから実装準備で設置した「Ad.cs」を開いてviewDidLoadメソッド内へ①②のコメ
ントアウトを外して完了です。
1
2
22Confidential / Don’t distribute  cayto inc.
実装手順 — ムーブアイコン広告の実装 —
2. Managerのコメントアウトを外すだけ!
次に「Manager.cs」を開いて③④のコメントアウトを外して完了です。
3
4
23Confidential / Don’t distribute  cayto inc.
サンプルプロジェクトに
カットイン広告
を実装します
2時限目
広告実装 — カットイン広告 —
カットイン広告
24Confidential / Don’t distribute  cayto inc.
実装手順 — カットイン広告の実装 —
3. Ad.csのコメントアウトを外すだけ!
「Project」タブから先ほど設置した「Ad.cs」を開いて①②のコメントアウトを外して完了で
す。
1
2
25Confidential / Don’t distribute  cayto inc.
実装手順 — カットイン広告の実装 —
4. Manager.csのコメントアウトを外すだけ!
「Project」タブから「Manager.cs」を開いて③の”)”を削除して④⑤⑥のコメントアウトを外し
て完了です。
3
4
5
6
26Confidential / Don’t distribute  cayto inc.
補講
ビルドの説明をします
27Confidential / Don’t distribute  cayto inc.
Androidの手順 — ビルド —
端末をPCについないで、ビルド&ランで確認!
Andoroid端末をPCに繋いだら「File」メニューから「Build	
  SeWngs	
  …」ダイアログを開いてプラッ
トフォームにAndroidを選び、「Build	
  And	
  Run」をクリックすれば端末で確認ができます。
28Confidential / Don’t distribute  cayto inc.
iOSの手順 — ビルド —
端末をPCについないで、ビルド&ランで確認!
iOS端末をPCに繋いだら「File」メニューから「Build	
  SeWngs	
  …」ダイアログを開いてプラット
フォームにiOSを選び、「Build	
  And	
  Run」をクリック。
29Confidential / Don’t distribute  cayto inc.
iOSの手順 — ビルド —
XcodeにLinked Frameworks and Libraries を追加!
Xcodeが立ち上がるので、オプション情報のLinked Frameworks and Librariesの①「+」ボタ
ンから、②のframeworkをダイアログで検索して「Add」ボタンで追加します。
1
2
30Confidential / Don’t distribute  cayto inc.
お疲れさまでした
今日の授業はいかがでしたか?
もし、appC cloudに興味を持っていただけたら
         を覗いてみてください!
ここではご紹介しきれない
サービスが他にもたくさんありますよー。
https://app-c.net/
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
Confidential / Don’t distribute  cayto inc.

Unity開発アプリに広告実装するよー!

  • 1.
  • 2.
  • 3.
  • 4.
    4 今日の授業の内容 Confidential / Don’tdistribute  cayto inc. Unityで、広告実装!
  • 5.
    5 今日の授業の内容 Confidential / Don’tdistribute  cayto inc. Unityとは iOS、Androidのゲームを開発できる3Dゲームエンジン PlayStation 3、Xbox 360、Wii Uなどの10のプラットフォームに 対応していて本格的なゲームも開発できる
  • 6.
    6 今日の授業の内容 1時限 事前準備を 説明します。 2時限 広告実装を 説明します。 Confidential / Don’tdistribute  cayto inc. 今日の教材 サンプルプロジェクト(iOS用) schoo_unity_20141210 ダ ウ ン ロ ー ド し て く だ さ い ね ー ダウンロードはこちら https://app-c.net/schoo/schoo_unity_20141210.zip
  • 7.
    7Confidential / Don’tdistribute  cayto inc. 広告実装準備をはじめますよー! 1時限目 事前準備 ❏ 手順(1)— 広告SDKのダウンロード — ❏ 手順(2)— サンプルプロジェクトを開く — ❏ 手順(3)— 広告SDKの設置 — ❏ 手順(4)— appC Cloud初期設定 — ❏ 手順(5)— 実装準備 — ❏ 手順(6)— appC Cloud初期化処理 —
  • 8.
    8Confidential / Don’tdistribute  cayto inc. 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
  • 9.
    9Confidential / Don’tdistribute  cayto inc. Unityを起動してサンプルプロジェクトを開きます。 2-­‐1.  サンプルプロジェクトを開く Fileメニューの「Open  project…  」で、Project  Wizardを開き「Open  Other」を選んでダウンロー ドした「schoo_unity_20141210」の「ShooFngGame」フォルダを選んで「Open」ボタンで次へ 行きます。 手順(2)— サンプルプロジェクトを開く —
  • 10.
    10Confidential / Don’tdistribute  cayto inc. 新規プロジェクトのオプション情報を設定して作成完了。 手順(2)— サンプルプロジェクトを開く — 2-­‐2.  サンプルプロジェクトを開く Projectタブの「Scenes」フォルダから「Stage」を選ぶと「Game」と「Scene」のタブに 「ShooFngGame」のUIが表示されます。 サンプルプロジェクトを開いた直後 「Stage」を開いた直後
  • 11.
    11Confidential / Don’tdistribute  cayto inc. サンプルプロジェクトに、appC  cloud  のUnity  SDKを設置します。 3-­‐1.  appC  cloudのUnity  SDKを設置 Projectタブに、appC  Cloud管理画面よりダウ ンロードしたSDKの最新バージョン 「appc_cloud_plugin_2.2.0_x6.unitypackage」を ドラッグ&ドロップします。 手順(3)— 広告SDKの設置 —
  • 12.
    12Confidential / Don’tdistribute  cayto inc. iOS  SDKのパッケージをインポートして設置を完了します。 手順(3)— 広告SDKの設置 — 3-­‐2.  インポート インポートのダイアログが出ますので、 「Import」ボタンをクリックする 3-­‐3.  設置完了 「Project」タブに「Plugins」フォルダが現 れていれば設置完了です。
  • 13.
    13Confidential / Don’tdistribute  cayto inc. 次にappC  cloudの広告SDKの初期設定を始めます。   Androidの場合:appC  Cloud管理画面(h*ps://app-­‐c.net/)にログインして、アプリ の登録をします。 4-­‐1.  appC  cloudでAndroidアプリを登録 管理画面ダッシュボードで        ボタンをクリック→アプリ管理名を 「schoo1210」と入力して登録→Androidを 選択→メディア詳細画面へ。   メディア詳細画面で左の赤枠のように「ア プリ名」「パッケージ名」を入力して、画 面下にある        ボタンをクリッ クし「メディアキー」を生成してください   「メディアキー」はコピーボタンでクリッ プボードにコピーされます。 手順(4)— appC Cloud初期設定 —
  • 14.
    14Confidential / Don’tdistribute  cayto inc. iOSの場合:appC  Cloud管理画面(h*ps://app-­‐c.net/)にログインして、アプリの登 録をします。 4-­‐2.  appC  cloudでiOSアプリを登録 管理画面ダッシュボードでiOSを選択→メ ディア詳細画面へ。   メディア詳細画面で左の赤枠のように「ア プリ名」「BudleID」を入力して、画面下に ある        ボタンをクリックし 「メディアキー」を生成してください。   「メディアキー」はコピーボタンでクリッ プボードにコピーされます。 手順(4)— appC Cloud初期設定 —
  • 15.
    15Confidential / Don’tdistribute  cayto inc. サンプルプロジェクトに、appC  cloud  のメディアキーを設置します。 4-3.  メディアキーの設置(Androidの場合) 「Project」タブの「Plugins」フォルダから「Android」→「AndroidManifest」を開いて appC  Cloud管理画面のメディア詳細設定からコピーした①の”パッケージネーム”と②の” メディアキー”の部分に設置して初期設定の完了です。 ① net.appc.cloud.example.ad 手順(4)— appC Cloud初期設定 — 1 2 ② appC cloud で登録したメディアキー ※ iOSは、初期化コード内でメディアキーを設定します。19ページ参照
  • 16.
    16Confidential / Don’tdistribute  cayto inc. サンプルプロジェクトに、パッケージ名(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)」を入力して完了です。 手順(4)— appC Cloud初期設定 —
  • 17.
    17Confidential / Don’tdistribute  cayto inc. 手順(5)— 実装準備 — 5-­‐2.  appC  cloudのUnity  SDKを設置 Projectタブの「Scripts」フォルダに、サンプ ルプロジェクトの「Ad.cs」をドラッグ&ド ロップします。 5-­‐3.  設置完了 「Scripts」フォルダに「Ad.cs」が現れてい れば設置完了です。 次に、appC  cloudのUnity  SDKをサンプルプロジェクトに設置
  • 18.
    18Confidential / Don’tdistribute  cayto inc. 手順(5)— 実装準備 — 「Ad.cs」を「Hierarchy」の「Main  Camera」へドラッグ&ドロップします。 5-­‐3.  Main  Cameraに貼り付ける 「Project」タブから「Ad.cs」を 「Hierarchy」の「Main  Camera」へドラッ グ&ドロップします。これで、シーン上に 広告のスクリプトが適用されるようにな りました。
  • 19.
    19Confidential / Don’tdistribute  cayto inc. サンプルプロジェクトに、appC  cloud  のメディアキーを設置します。 6.  初期化処理 「Project」タブから先ほど設置した「Ad.cs」を開いて⑤の初期化コードのコメントア ウトを外して初期化処理の完了です。iOSは、⑥を挿入して完了です。 手順(6)— appC Cloud初期化処理 — 5 ⑥ .SetMK_iOS(“appC cloud で登録したメディアキー”) 6 ※ iOSは、以下の⑥初期化コード内でメディアキーを設定します。
  • 20.
    2時限目 広告実装 — ムーブアイコン広告 — 20Confidential/ Don’t distribute  cayto inc. サンプルプロジェクトに ムーブアイコン型広告 を実装します ムーブアイコン広告
  • 21.
    21Confidential / Don’tdistribute  cayto inc. 実装手順 — ムーブアイコン広告の実装 — 1. Adのコメントアウトを外すだけ! 「Project」タブから実装準備で設置した「Ad.cs」を開いてviewDidLoadメソッド内へ①②のコメ ントアウトを外して完了です。 1 2
  • 22.
    22Confidential / Don’tdistribute  cayto inc. 実装手順 — ムーブアイコン広告の実装 — 2. Managerのコメントアウトを外すだけ! 次に「Manager.cs」を開いて③④のコメントアウトを外して完了です。 3 4
  • 23.
    23Confidential / Don’tdistribute  cayto inc. サンプルプロジェクトに カットイン広告 を実装します 2時限目 広告実装 — カットイン広告 — カットイン広告
  • 24.
    24Confidential / Don’tdistribute  cayto inc. 実装手順 — カットイン広告の実装 — 3. Ad.csのコメントアウトを外すだけ! 「Project」タブから先ほど設置した「Ad.cs」を開いて①②のコメントアウトを外して完了で す。 1 2
  • 25.
    25Confidential / Don’tdistribute  cayto inc. 実装手順 — カットイン広告の実装 — 4. Manager.csのコメントアウトを外すだけ! 「Project」タブから「Manager.cs」を開いて③の”)”を削除して④⑤⑥のコメントアウトを外し て完了です。 3 4 5 6
  • 26.
    26Confidential / Don’tdistribute  cayto inc. 補講 ビルドの説明をします
  • 27.
    27Confidential / Don’tdistribute  cayto inc. Androidの手順 — ビルド — 端末をPCについないで、ビルド&ランで確認! Andoroid端末をPCに繋いだら「File」メニューから「Build  SeWngs  …」ダイアログを開いてプラッ トフォームにAndroidを選び、「Build  And  Run」をクリックすれば端末で確認ができます。
  • 28.
    28Confidential / Don’tdistribute  cayto inc. iOSの手順 — ビルド — 端末をPCについないで、ビルド&ランで確認! iOS端末をPCに繋いだら「File」メニューから「Build  SeWngs  …」ダイアログを開いてプラット フォームにiOSを選び、「Build  And  Run」をクリック。
  • 29.
    29Confidential / Don’tdistribute  cayto inc. iOSの手順 — ビルド — XcodeにLinked Frameworks and Libraries を追加! Xcodeが立ち上がるので、オプション情報のLinked Frameworks and Librariesの①「+」ボタ ンから、②のframeworkをダイアログで検索して「Add」ボタンで追加します。 1 2
  • 30.
    30Confidential / Don’tdistribute  cayto inc. お疲れさまでした 今日の授業はいかがでしたか? もし、appC cloudに興味を持っていただけたら          を覗いてみてください! ここではご紹介しきれない サービスが他にもたくさんありますよー。 https://app-c.net/ https://play.google.com/store/apps/details?id=jp.namikibashi.app.photo.doukyo_rira 私のアプリもよろしくお願いしまーす
  • 31.
    31 カイト株式会社(cayto inc.) 〒106-0047 東京都港区南麻布3-21-17B City Tower Azabu Tokyo 7F Tel:03 5475 3385  設立:2008年4月1日 業務内容:「giveApp」「appC cloud」の運営 @appC_official https://www.facebook.com/appc.cloud Confidential / Don’t distribute  cayto inc.