[iOS] admob 배너뷰 iOS에 적용 하기 _ 적응형 배너 (배너 크기 기기 사이즈 맞춤)

1. 회원가입

https://admob.google.com/home/

Google AdMob: 모바일 앱 수익 창출

 

admob 로그인 > 앱 > 앱추가 >

 

등록 되지 않은앱

등록 된 앱

 

아래 유튭 참조하여 개발에 적용하고, 응용 및 더 필요한 부분은 아래 포스팅을 해두었다. 

 

https://www.youtube.com/watch?v=MmOJ_D_JofM 

 

 

모든 ID는 테스트용이다. 

info.plist

<key>GADApplicationIdentifier</key>

<string>ca-app-pub-3940256099942544~1458002511</string>

테스트용 

Config class를 만들어 따로 관리 했다.

전처리 문법으로 debug 일때와 아닐때를 관리 할 수 있다.

static let AD_KEY = "ca-app-pub-3940256099942544/2934735716" // 테스트용

 

// AD

var bannerView: GADBannerView!

       

viewdidload()에 아래 코드를 작성한다. 

bannerView = GADBannerView(adSize: GADAdSizeBanner)

// 광고의 아이디

bannerView.adUnitID = Config.AD_KEY

bannerView.rootViewController = self

bannerView.delegate = self

 

   

override func viewDidAppear(_ animated: Bool) {

    super.viewDidAppear(animated)

    loadBannerAd()

}



// 화면 방향 전환시
override func viewWillTransition(to size: CGSize,

                             	with coordinator: UIViewControllerTransitionCoordinator) {

    super.viewWillTransition(to:size, with:coordinator)

    coordinator.animate(alongsideTransition: { _ in

        self.loadBannerAd() // ad size 조정 호출

    })

}

 

 

// MARK: - AD
extension ViewController : GADBannerViewDelegate { // GADBannerViewDelegate 채택
    
    // 코드 베이스로 adview 추가
    func addBannerViewToView(_ bannerView: GADBannerView) {
      bannerView.translatesAutoresizingMaskIntoConstraints = false
      view.addSubview(bannerView)
      view.addConstraints(
      // 공식 사이트에 나오는 toItem의 인자는 워닝 발생
        [NSLayoutConstraint(item: bannerView,
                            attribute: .bottom,
                            relatedBy: .equal,
                            toItem: view.safeAreaLayoutGuide, // safe Area기준으로
                            attribute: .bottom, // 아래에 위치
                            multiplier: 1,
                            constant: 0),
         NSLayoutConstraint(item: bannerView,
                            attribute: .centerX,
                            relatedBy: .equal,
                            toItem: view,
                            attribute: .centerX,
                            multiplier: 1,
                            constant: 0)
        ])
        
        // 최 하단 view를 ad 뷰 사이즈 만큼 올려야 함
     }
    
    // 광고 화면 추가 -> view를 기기 사이즈에 맞춰 제공
    // 적응형 배너 
    func loadBannerAd() {
        
        // 공식 개발 문서에서 제공하는 코드 
        let frame = { () -> CGRect in
          if #available(iOS 11.0, *) {
            return view.frame.inset(by: view.safeAreaInsets)
          } else {
            return view.frame
          }
        }()
        let viewWidth = frame.size.width
   
	    // WidthAndMaxHeight 를 사용하여 width에 view width를 
        // MaxHeight에 허용할 최대 높이를 지정한다. 
        bannerView.adSize = GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(viewWidth, 46)
   

      bannerView.load(GADRequest())
    }
    
    
    // MARK: - GADBannerViewDelegate
    // 광고 정보가 받아와지면 호출 됨
    func bannerViewDidReceiveAd(_ bannerView: GADBannerView) {
        print("bannerViewDidReceiveAd")
        
        // banner view를 추가 
        addBannerViewToView(bannerView)

		// 추가시 애니메이션 추가 
        bannerView.alpha = 0
        UIView.animate(withDuration: 1, animations: {
            bannerView.alpha = 1
        })
    }

    func bannerView(_ bannerView: GADBannerView, didFailToReceiveAdWithError error: Error) {
      print("bannerView:didFailToReceiveAdWithError: \(error.localizedDescription)")
    }

    func bannerViewDidRecordImpression(_ bannerView: GADBannerView) {
      print("bannerViewDidRecordImpression")
    }

    func bannerViewWillPresentScreen(_ bannerView: GADBannerView) {
      print("bannerViewWillPresentScreen")
    }

    func bannerViewWillDismissScreen(_ bannerView: GADBannerView) {
      print("bannerViewWillDIsmissScreen")
    }

    func bannerViewDidDismissScreen(_ bannerView: GADBannerView) {
      print("bannerViewDidDismissScreen")
    }
    
}

 

기본적인 내용은 아래 공식 사이트에서 확인 할 수 있다.  

https://developers.google.com/admob/ios/banner/adaptive?hl=ko 

적응형 배너  |  iOS  |  Google Developers