23
23

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 5 years have passed since last update.

iAdのバナー表示の2つの方法

Posted at

iOS7 以降iAd のバナー表示は1行の記述だけで表示できるようになりました。

self.canDisplayBannerAds = true

しかし、このステートメントによるバナー表示では、バナー表示位置が画面最下部となる上、バナー表示によってその他のUI部品の位置が影響を受ける場合があります。下の例では広告の有無によって下部にある灰色のボタンの位置がずれます。
図1 バナー表示
IMG_0244.jpg

図2 バナー非表示
IMG_0245.jpg

このバナー表示で画面の移動を防ぐためには、他のUI部品のレイアウト設定の際に画面の下部との間のConstraint を使わないようにするか、UI部品の位置をプログラムで設定する必要があります。

    self.centerBanner.delegate = self
    self.centerBanner.hidden = true

一方、storyboard のライブラリあるいは、コードでADBannerView を置いてそこにバナー表示をさせる方法もあります。

この場合には、広告の取得の有無によってDelegate でこのBannerView のhidden プロパティで表示を制御します。
こうすると、少し面倒ですが、画面表示は影響を受けなくなります。
下の例では広告表示の有無にかかわらずボタンの位置は変わりません。
図3 バナー表示
IMG_0242.jpg

図4 バナー非表示
IMG_0243.jpg

この場合には、storyboardでADBannerView を配置して、表示するビューコントローラクラスにリンクして、上記の2行のコードと、Delegate メソッドの実装が必要です。

import UIKit
import iAd

class ViewController: UIViewController, ADBannerViewDelegate {
@IBOutlet weak var centerBanner: ADBannerView!

override func viewDidLoad() {
    super.viewDidLoad()
    self.centerBanner.delegate = self
    self.centerBanner.hidden = true
    
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}


func bannerViewDidLoadAd(banner: ADBannerView!) {
    self.centerBanner?.hidden = false
}

func bannerViewActionShouldBegin(banner: ADBannerView!, willLeaveApplication willLeave: Bool) -> Bool {
    return willLeave
}

func bannerView(banner: ADBannerView!, didFailToReceiveAdWithError error: NSError!) {
    self.centerBanner?.hidden = true
}

@IBAction func myButton(sender: UIButton) {
    if self.centerBanner.hidden {
        self.centerBanner.hidden = false
    } else {
        self.centerBanner.hidden = true
    }
}

}

23
23
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
23
23

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?