1
2

More than 3 years have passed since last update.

AdMobをiOSに組み込んでみよう(バナー広告編)

Last updated at Posted at 2020-06-15

AdMobをiosに組み込んでみようという事で覚書

「AdMobをiOSに組み込んでみよう(環境設定編)」の続きです。
https://qiita.com/sanoh/items/2c99918fe7c9ba01821c

■Setp1.画面のレイアウトを設定しよう

・ストーリーボードを立ち上げよう
「Main.storybord」を選択します。
Image0101.png
・バナーを表示するViewを登録
「View」の「ShowLibrary」を選択するとライブラリWindが現れますので、その中にある「View」をドラッグ&ドロップします。
image0103.png
できたViewのClass名を「GADBannerView」に変更します。
image0105.png
すると「View」が「BannerView」に代わることがわかります。
・「AddNewAlignmentConstraints」の設定
「Horizontally in Container」をOnにしてから「Add 1 Constraint」を選択します。
image0106.png
・「Add New Constraints」の設定
下方向に0に設定
Widt、Heightを有効にし320x50を設定します(バナーの大きさによって変わります)
最後に「Add 3 Cpmstraints」を選択
image0107.png
・うまくいけばこのように、下にBanner Viewが設定されます。
image0108.png

■Stap2.バナービューをソースに追加

「Baner View」から右クリックで「ViewComtroller.m」の「@interface ViewController()」の下にドロップします。
image0109.png
するとNamaを聞いてくるので、今回は「bannerView」と設定し「Connect」します。
image0110.png
すると、いかのようなエラーのある画面になります。
image0111.png

■Step3.プログラム

最後に「ViewXontroller.m」を改造します。

@import GoogleMobileAds;

self.bannerView.adUnitID = @"ca-app-pub-3940256099942544/2934735716";
self.bannerView.rootViewController = self;
GADRequest *request = [GADRequest request];
[self.bannerView loadRequest:request];

を追加します。
image0112.png

■Step4.実行

実行すると、こんな感じで下にバナーが出ます。
image0113.png

1
2
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
1
2