Notice
Recent Posts
Recent Comments
Link
관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - swift] 광고 Google Admob (애드몹) 본문

iOS 앱 배포와 출시

[iOS - swift] 광고 Google Admob (애드몹)

jake-kim 2021. 1. 13. 01:38

구글 Admob 가입

 

현재 상황에 맞게 설정 체크

  • 앱이 생성된 화면 -> "광고 단위 추가" 버튼 클릭

  • 원하는 광고 유형 선택 

아래부터는 배너광고 기준으로 설명

  • 광고 단위 이름: 알아보기 쉽도록 "앱 이름_배너" -> 입력 후 확인
  • 광고 단위 생성된 화면에서 key값을 모두 미리 복사해놓기 (복사하지 않으면 애드몹홈페이지 -> 앱 클릭하여 정보 확인가능 )

아래 나올 내용: 1번을 info.plist에, 2번을 bannerView.adUnitID로 설정 할 것

  • 시간이 광고 게재까지 걸리므로 "기다리는 동안 샘플 광고 단위를 테스트해 보세요" 클릭

사용할 ID 복사

xcode에서 광고 설정

  • 의존성
pod 'Google-Mobile-Ads-SDK'
  • info.plist 정보 세팅: key값은 "GADApplicationIdentifier", value값은 위에서 복사한 ID값으로 추가
    테스트를 하고싶은 경우에도 info.plist에는 위에서 발급받은 키로하며 뒤에 코드로 key를 입력하는 곳에 test key를 입력

  • AppDelegate에서 광고 관련 초기화 코드 추가: GADMobileAds.sharedInstance().start(completionHandler: nil)
import GoogleMobileAds

class AppDelegate: UIResponder, UIApplicationDelegate {
    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        GADMobileAds.sharedInstance().start(completionHandler: nil)
    }
    
}
  • 위에서 복사한 키를 static let으로 사용하기 쉽도록 Constants 추가
//
//  Constants.swift
//  BaseProject
//
//  Created by 김종권 on 2020/12/27.
//

import Foundation

struct Constants {

    struct GoogleAds {
        static let sampleAdKey = "ca-app-pub-3940256099942544/2934735716"
    }

}
  • GADBannerView추가 - 모든 화면에서 쉽게 사용할 수 있도록 BaseViewController에 작성
import GoogleMobileAds

public class BaseViewController: UIViewController {
    public lazy var bannerView: GADBannerView = {
        let banner = GADBannerView(frame: CGRect(x: 0, y: 0, width: 40, height: 40))
        return banner
    }()
}

extension 

광고가 들어갈 view작성

  • BaseViewController에 하단 띠배너 위치시키는 코드 추가 
    테스트를 위하면 "ca-app-pub-3940256099942544/2934735716" 키 사용
extension BaseViewController: GADBannerViewDelegate {
    func setupBannerViewToBottom(height: CGFloat = 50) {
        let adSize = GADAdSizeFromCGSize(CGSize(width: view.frame.width, height: height))
        bannerView = GADBannerView(adSize: adSize)

        bannerView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(bannerView)
        NSLayoutConstraint.activate([
            bannerView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            bannerView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            bannerView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
            bannerView.heightAnchor.constraint(equalToConstant: height)
        ])

        bannerView.adUnitID = Constants.GoogleAds.sampleAdKey
        bannerView.rootViewController = self
        bannerView.load(GADRequest())
        bannerView.delegate = self
    } 
    
    
    // MARK: - Delegate

    public func adViewDidReceiveAd(_ bannerView: GADBannerView) {
        bannerView.alpha = 0
        UIView.animate(withDuration: 1) {
            bannerView.alpha = 1
        }
    }

    public func adView(_ bannerView: GADBannerView, didFailToReceiveAdWithError error: GADRequestError) {
    }

    public func adViewWillPresentScreen(_ bannerView: GADBannerView) {
    }

    public func adViewWillDismissScreen(_ bannerView: GADBannerView) {
    }

    public func adViewDidDismissScreen(_ bannerView: GADBannerView) {
    }

    public func adViewWillLeaveApplication(_ bannerView: GADBannerView) {
    }
}
  • 아래 Test mode확인

  • 앱스토어에 출시할 경우 구글 애드몹 홈페이지 -> 앱 메뉴에서 "스토어 추가" 클릭

* 출처: developers.google.com/admob/ios/banner/adaptive

Comments