2021.03.06アプリを作ったことがある人、これからアプリを作ろうと思ってい人は、アプリを作ったらガッツリ稼ぎたいと思うのが普通です。言うものの、バンバン売れる有料ソフトを作る事は簡単に出来る事ではありません。アプリでお金を稼ぐ方法として最も早い方法は、無料ソフトを作ってソフトに広告を設置して広告収入を得る事です。こちらではiPhoneアプリにSwiftでAdMob広告を設置する方法をご紹介します。8.0以降に対応している方法です。iOS14の対応アプリ画面の上下に使用されない場所がある広告を設置するソフトを作ろうAdMob広告を設置するにもアプリが無いと何も始まりません。テスト的なアプリは超簡単に作ること出来るので、まずはテストアプリの作成から説明していきます。アプリを作るにはXcodeというApple社が提供している無料の開発ソフトが必要です。Storeで無料でダウンロード出来るのでインストールしてください。通信環境によりますが、ダウンロードには数時間かかるので気長に待ちましょう。Xcodeのインストールが完了したら起動してみましょう。project]をクリックします。project]がiOSになっている事を確認したら、[Application]の中の[Game]を選択して、[Next]をクリックします。Name]に適当な名称を入力します。Identifier]も自分の好きな名称を設定します。Technology]は[SpriteKit]を選択します。最後に[Next]をクリックします。保存場所を聞いてくるので自分の好きな場所を選択して[Create]をクリックします。次のような画面になったら、テスト用のアプリは作成完了です!試しにアプリを動かしてみましょう。アプリはシミュレータで動作確認ができるのですが、シミュレータを選択する事ができます。画面上の赤丸をクリックしてみましょう。gereration)]を選択してみましょう。画面左上にある、再生ボタンをクリックしてみます。シミュレータが起動して、左の様に表示されたら起動完了です。このアプリは画面に「Hello,World!」と表示され、画面をクリックしたりドラッグすると、青い四角が回転しながら表示されるアプリです。画面をクリックしたり、ドラッグしてみましょう。アプリの動作を無事確認したら、停止ボタンを押します。シミュレータでのアプリが終了します。シミュレータの画面は次のようになっていると思います。テスト用アプリの動作確認は終了です。SDK」というものをインストールする必要があります。次のサイトからダウンロードしましょう。googlemobileadssdkios.zip]をクリックしてファイルをダウンロードします。次にダウンロードしたファイルを、Xcodeにインストール(取り込み)します。Xcode画面左上のフォルダアイコンをクリックすると、現在開いているプロジェクトの構成ツリーが表示されるので、インストールしたい場所をクリックして選択します。この場合は最も上の階層を選択しています。to...]をクリックします。選択ウィンドウが表示されるので、ダウンロードしたフォルダを選択します。needed]にチェックが入っている事を確認してください。これがチェックされていないと、管理が面倒になります。下のようになれば、インストールは完了です。Xcodeを設定Xcodeで幾つか設定する項目があるので、順次設定します。Flags]を設定します。「-ObjC」と設定します。大文字や小文字に注意しましょう。次に[info.plist]をクリックします。リストに項目を追加します。ソースコードで記述する場合は、[info.plist]を右クリックしてソースコードを表示させます。次の項目を追加します。ソースコードで記述する場合は、下記のコードになります。<key>GADApplicationIdentifier</key><string>ca-app-pub-3940256099942544~2934735716</string>追加するコードの設定値で「ca-app-pub-xxxxxxxxx」がありますが、これは、次のgoogleのサイトに記載されている、広告表示用のテストIDです。注意点としてサイトに表示されているテストIDは、数字と数字の間が「/」スラッシュになっていますが、このプロパティリストに記述する時は「~」にする必要があります。Developersdevelopers.google.comフレームワークをインポートします。画面左の「GoogleMobileAdsSdkiOS-...」を展開すると次の6つのフレームワークが表示されます。プロジェクト名を選択して[General]の中の[Frameworks,Libraries,...」を表示させます。左側の6つのフレームワークを右側にドラッグ&ドロップします。Sign」になっています。Embed」に変更します。バナー広告を表示させるプログラムここからは、実際にAdMobバナー広告を表示させるプログラムを記述していきます。[GameViewController.swift]をクリックします。GoogleMobileAds」と記述します。GoogleMobileAds次のコードを赤枠部に記述します。kGADAdSizeBanner)addBannerViewToView(bannerView)次のコードを赤枠部に記述します。IDを記述する際に、数字と数字の間の記号が「/」スラッシュになっている事を注意する必要があります。self次のファンクションを追加します。}以上でコードの記述は完了です。実際に広告が表示されるか確認してみましょう。画面左上のボタンでアプリを起動します。アプリの画面下に、広告が表示されれば成功です。mode」と表示されていますが、実際に広告を表示させる場合は、自分用のコードを取得しましょう。最初に広告が表示されるまで時間がかかる事がありますが、ちょっと待ってみて、それでも表示されない場合は、アプリを停止してからもう一度起動してみましょう。広告データを読み込んだとき、表示された時等のタイミングで、動作を起こすプログラムを記述する事ができます。次のコードを「GameViewController.swift」に追加しましょう。実際にアップルストアで公開する際に、この記述が無いと審査が通らない場合がありますので記述しておくのが無難です。print("adViewWillLeaveApplication")}インタースティシャル広告を表示させるプログラム続いて、AdMobインタースティシャル広告を表示させるプログラムを紹介します。インタースティシャル広告とは全画面広告の事です。全画面広告なので特定のタイミングで表示させる必要があり、ここでは画面のボタンを押すと全画面広告が表示されるようにします。図の赤枠部分を記述します。GADInterstitialAd?続けて、図の赤枠部分を記述します。createInterAd()赤枠の関数を記述します。プログラム中に使用されているIDコードは、インタースティシャル広告のテストIDになり、次のGoogleのサイトで公開されています。実際にアップルストアで公開する際は自分のIDを取得しないと収益化できないので注意しましょう。)}さらに、赤枠の関数を記述します。}}最後に、イベントの関数を記述します。最後に動作確認をしてみましょう。画面左上のボタンを押してアプリを起動します。次のように「PUSH」ボタンが画面に表示されます。PUSHボタンをおしてみましょう。備考:画面下にバナー広告が表示されたらボタンをおしてみましょう。バナー広告表示前は、インタースティシャル広告のデータをダウンロードしている最中の可能性が高いので、押してもインタースティシャル広告が表示されない場合が多いです。広告が表示されれば、成功です。この広告はあくまでもテスト広告なので、実際に自分のアプリに搭載する際は、自分のIDを取得して、しっかり収益化しましょう。iOS14の対応iOS14以降はIDFAがデフォルトでオフになります。Advertisers」の略で、各々のユーザーに適した広告を表示する機能の事で、オフのままだと収益が下がる可能性があります。iOS14からはユーザーにIDFAの許可を求める必要があり、その実装方法を記載します。[info.plist]をクリックします。項目を追加して赤丸の内容を追加して設定します。ソースコードで記述する場合は、[info.plist]を右クリックしてソースコードを表示させます。上記のリストで設定した場合は、この作業は不要です。次のコードを追記します。<key>SKAdNetworkItems</key><array><dict><key>KAdNetworkIdentifier</key><string>cstr6suwn9.skadnetwork</string></dict></array>AppDelegate.swiftに次のコードを追記します。AdSupportさらに次のコードを追記します。nil)}コードの追記が終わったらアプリを起動してみましょう。左の画面のように、IDFAの確認メッセージが表示されるようになったら成功です。アプリ画面の上下に使用されない場所がある既に気付いている人もいるかもしれないですが、アプリ画面の上下に使用されていない領域ができています。本来ならバナー広告は画面の下端に表示される予定なのに、なんだか少しスペースが空いています。この原因はアプリが画面サイズを正しく認識出来ていないためと思われます。Screen」を設定すると解消されます。Screenとはアプリを起動して一番最初に表示される画面の事で、多くのアプリではアプリ会社のロゴなどが表示されています。Scrennを設定する方法はこちら。Screenを設定すると、左のようにアプリの全画面が使用されるようになります。Python・Cocoon・WordPress関連記事XcodeXcodeの編集画面の色を変更するXcodeでは編集画面の色を変更する事ができます。長時間見る画面なので自分の目が疲れない色を選択してみましょう。Screen.storyboardが無くなってしまいました。Screenの設定方法を紹介します。iPhoneアプリを作成すると何故か画面が小さなサイズで表示される事があります。Screenを設定していないからの可能性があり、その疑問も解決します。アプリの上下に表示されない場所があるXcodeでiPhoneアプリを制作して実行してみると、画面の上下に黒い帯のように、何も使用されない部分が発生することがあります。この状態の解消方法を説明。XcodeXcodeでUIColorをRGBの数値で設定する方法Xcodeで色指定をする時はUIColorを使用します。UIClolorはredやblueの様に色の名前で指定する事ができます。様々な色を指定する時はRGBの数値で指定する事も出来るので、ここではUIColorをRGBの数値で設定する方法をご紹介します。'GoogleMobileAds'というエラーがXcodeを起動すると発生する場合があります。その対処方法を記載します。iPhone画面の解像度と座標iPhone画面のサイズ一覧表iPhoneはこれまでに様々な機種が機種が発売されていて、機種によって画面の大きさは異なっています。ブログ歴はごくわずか。Python・Cocoon・WordPress.メニューCocoonXcodeWordPressMacPythonお問い合わせホーム検索トップサイドバ。