えむじぃのアプリ開発

えむじぃのアプリ開発

元大手IT企業SE、現ベンチャー企業CTOのブログです。

【Swift】アプリにバナー広告を表示する方法

今回はアプリにバナー広告を表示する方法をこの記事で説明します。

この記事のポイントGoogle-Mobile-Ads-SDKを使用

アプリにバナー広告を表示する方法

初めにAdmob用のライブラリをCocoaPodsでインストールします。

Podfileに設定

Podfileに『pod 'Google-Mobile-Ads-SDK'』を追加します。

f:id:masGo:20201020164535p:plain

次にターミナルから『pod install --repo-update』を実行します。

f:id:masGo:20201020165237p:plain

Admob用のライブラリがインストールされます。

アプリIDの設定

テスト用、本番用とアプリIDを切り分けたかったのでCommon.swiftファイルを作成して、その中に設定しました。

struct AdMob {
    static let AdMobID = "ca-app-pub-xxxxxxxxxxxx/xxxxxxxxxx"
    static let TestID = "ca-app-pub-xxxxxxxxxxx/xxxxxxxxxx"
    static let DEVICE_ID = "ca-app-pub-xxxxxxxxxxx~xxxxxxxxxx"
    static let AdMobTest = false
    static let SimulatorTest = false
}

ViewControllerの設定

バナー広告を表示したい箇所に以下のように設定します。

var admobView = GADBannerView()
admobView = GADBannerView(adSize:kGADAdSizeBanner)
        
admobView.frame.origin = CGPoint(x:0, y:self.view.frame.size.height - admobView.frame.height - 34)
admobView.frame.size = CGSize(width:self.view.frame.width, height:admobView.frame.height)
        
if AdMob.AdMobTest {
    admobView.adUnitID  = AdMob.TestID
}
else {
    admobView.adUnitID  = AdMob.AdMobID
}

admobView.delegate = self
admobView.rootViewController = self
        
let admobRequest = GADRequest()

if AdMob.AdMobTest {
    if AdMob.SimulatorTest {
        admobRequest.testDevices = [AdMob.TestID]
    }
    else {
        admobRequest.testDevices = [AdMob.DEVICE_ID]
    }
}

admobView.load(admobRequest)
self.view.addSubview(admobView)

 

これでアプリにバナー広告が表示されるようになります。