6
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?