LoginSignup
6
9

More than 3 years have passed since last update.

#2 iOSアプリでAdModを使えるようにする1例

Last updated at Posted at 2019-11-19

はじめに

個人のメモ程度の出来なのであまり参考にしないで下さい.

環境

Xcode:11.2.1
Swift:5.1.2
2019/11

part1

Firebaseにログインして,プロジェクトを作成するか既存のものを選択する.

Firebase console - Google

スクリーンショット 2019-11-18 午後11.18.14.png

part2

プロジェクトを選択したら,ProjectOverViewからアプリを追加を選択する.

スクリーンショット 2019-11-18 午後11.18.51.png

part3

XcodeからBundle Identifierをコピーする.

スクリーンショット 2019-11-18 午後11.19.45.png

part4

Firebaseに戻り,iOSバンドルIDに先ほどコピーしたものを貼り付ける.
アプリのニックネームを適当に入力し,次へ.

スクリーンショット 2019-11-18 午後11.20.27.png

part5

GoogleService-Info.plistをダウンロードを選択し,次へ.

スクリーンショット 2019-11-18 午後11.20.38.png

part6

ダウンロードしたものをドラッグ・ドロップでXcodeにコピーする.

スクリーンショット 2019-11-18 午後11.21.56.png

part7

プロジェクトを終了する.
ターミナルを立ち上げて,CDコマンドを用いてXcodeファイルがあるディレクトリに移動する.
command+option+cで,現在のフォルダのパスをコピーできる.

part8

移動したら,

pod init

と打ち込み,エンター.

part9

すると,XcodeファイルがあるフォルダにPodfileという名前のファイルが自動生成される.

スクリーンショット 2019-11-18 午後11.23.41.png

part10

Podfileをテキストエディタなどで開き,下のコードをendの前に書き加え,上書き保存をして閉じる.

# add the Firebase pod for Google Analytics
pod 'Firebase'
pod 'FirebaseUI'
pod 'Firebase/AdMob'
# add pods for any other desired Firebase products
# https://firebase.google.com/docs/ios/setup#available-pods

part11

コマンドプロンプトに戻り,

pod install --repo-update

と打ち込み,エンター.

part12

すると,~~~.xcworkspacePodfile.lockPodsという名前のファイル又はフォルダが自動生成される.

スクリーンショット 2019-11-18 午後11.27.18.png

part13

~~~.xcworkspaceを立ち上げ,AppDelegate.swiftに下のコードになるよう4つ書き加える.

import UIKit
//↓↓↓↓↓ここを書き加える
import Firebase
//↓↓↓↓↓ここを書き加える
import FirebaseUI

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {

        //↓↓↓↓↓ここを書き加える
        FirebaseApp.configure()
        //↓↓↓↓↓ここを書き加える
        GADMobileAds.sharedInstance().start(completionHandler: nil)

        return true
    }
    ~~~~~
}

part14

Google AdMobに登録し,アプリの設定画面に移動する.
アプリIDをコピーする.

Google AdMob - モバイルアプリの収益化

スクリーンショット 2019-11-18 午後11.34.06.png

part15

Xcodeに戻り,Info.plistを選択する.

スクリーンショット 2019-11-18 午後11.32.47.png

part16

Information Property ListGADApplicationIdentifierを追加し,Valueに先ほどコピーしたアプリIDを貼り付ける.

スクリーンショット 2019-11-18 午後11.34.56.png

part17

ここから実際に広告が使えるか試す.
広告を表示したいViewControllerに下のフレームワークをインポートする.

import GoogleMobileAds

part18

広告を表示したいViewControllerにUIViewを配置する.

スクリーンショット 2019-11-18 午後11.41.30.png

part19

下の制約をつける.

スクリーンショット 2019-11-18 午後11.42.02.png

スクリーンショット 2019-11-18 午後11.42.16.png

part20

UIViewを選択した状態で,Identity inspectorCustom ClassClassGADBannerViewに変更する.

スクリーンショット 2019-11-18 午後11.43.25.png

part21

Main.storyboardのUIをコードに接続する.

スクリーンショット 2019-11-18 午後11.44.31.png

part22

AdMob公式サイトからテスト広告ユニットIDをコピーする.

バナー広告 | iOS | Google Developers

スクリーンショット 2019-11-18 午後11.47.19.png

part23

広告を表示したいViewControllerに下のコードになるよう3行書き加える.
bannerView.adUnitIDは先ほどコピーしたもの.

import UIKit
import GoogleMobileAds

class FirstViewController: UIViewController {

    @IBOutlet weak var bannerView: GADBannerView!

    override func viewDidLoad() {
        super.viewDidLoad()

        //↓↓↓↓↓この3行を書き加える
        bannerView.adUnitID = "ca-app-pub-3940256099942544/2934735716"
        bannerView.rootViewController = self
        bannerView.load(GADRequest())
    }
}

追記

override func viewDidLoad() {}に広告の大きさを指定する以下のコードも加えてもいい.
bannerView.adSize = kGADAdSizeBanner

part24

ビルドを実行して下のようになればOK.

スクリーンショット 2019-11-18 午後11.57.35.png

part25

追記

AdMobにログインし,お支払いの設定からお支払い情報の登録を行う.

2.PNG

part26

追記

AdMobにログインし,アプリの設定からアプリ名とアプリストアのリンクを設定する.

https---qiita-image-store.s3.ap-northeast-1.amazonaws.com-0-534708-78cfd3c2-ff07-f522-175a-fa6a23526852.png

6
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
9