iOS 배너 광고

Unit ID 설정하기

Banner (375X80)

PUBLIC_TEST_UNIT_ID_375_80

Banner (320X50)

PUBLIC_TEST_UNIT_ID_320_50

Banner (320X100)

PUBLIC_TEST_UNIT_ID_320_100

Banner(캐러셀)

PUBLIC_TEST_UNIT_ID_CAROUSEL

Banner Video (16:9)

PUBLIC_TEST_UNIT_ID_BANNER_VIDEO_16_9

Banner Video (9:16)

PUBLIC_TEST_UNIT_ID_BANNER_VIDEO_9_16

필요한 파라미터 설정하기

Unit ID를 변수로 선언해주세요.
- 테스트하실 경우 위 테스트 배너 유닛을 추가하시면 됩니다.

struct AdropUnitId {
    // 배너 이미지 광고
    static let BANNER_IMAGE = "YOUR_BANNER_UNIT_ID"
    // 배너 동영상 광고
    static let BANNER_VIDEO = "YOUR_BANNER_UNIT_ID"
}

배너 광고 구현

class ViewController: UIViewController {
    @IBOutlet weak var adContainer: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 추가 설정은 먼저 view를 로드한 후 진행하세요.
        
        let bannerView = AdropBanner(unitId: AdropUnitId.BANNER_IMAGE)
        bannerView.delegate = self
        bannerView.load()
        adContainer.addSubview(bannerView)
        bannerView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        bannerView.translatesAutoresizingMaskIntoConstraints = false
        bannerView.frame = adContainer.bounds
    }
}

extension ViewController: AdropBannerDelegate {
    func onAdReceived(_ banner: AdropAds.AdropBanner) {
        print("onAdReceived \(banner.creativeId)")
    }
    
    func onAdClicked(_ banner: AdropAds.AdropBanner) {
        print("onAdClickced")
    }
    
    func onAdFailedToReceive(_ banner: AdropAds.AdropBanner, _ error: AdropAds.AdropErrorCode) {
        print("onAdFailedToReceive \(AdropErrorCodeToString(code: error))")
    }
}

@interface ViewController (AdropAds) <AdropBannerDelegate>

@end

@implementation ViewController (AdropAds)

- (void)onAdReceived:(AdropBanner * _Nonnull)banner {
    NSLog(@"onAdReceived");
}

- (void)onAdClicked:(AdropBanner * _Nonnull)banner {
    NSLog(@"onAdClicked");
}

- (void)onAdFailedToReceive:(AdropBanner * _Nonnull)banner :(enum AdropErrorCode)error {
    NSLog(@"onAdFailedToReceive");
}

@end


@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *adContainerView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    AdropBanner* banner = [[AdropBanner alloc] initWithUnitId:@"ADROP_PUBLIC_TEST_UNIT_ID"];
    banner.delegate = self;
    [banner load];
    [_adContainerView addSubview:banner];
    banner.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    banner.translatesAutoresizingMaskIntoConstraints = false;
    banner.frame = _adContainerView.bounds;
}

@end

class AdropBannerWrapper: AdropBannerDelegate {
    let bannerRep: AdropBannerRepresented
    
    init(){
        bannerRep = AdropBannerRepresented(unitId: "ADROP_PUBLIC_TEST_UNIT_ID")
        bannerRep.banner.delegate = self
    }

    func onAdReceived(_ banner: AdropAds.AdropBanner) {
        print("onAdReceived")
    }
    
    func onAdClicked(_ banner: AdropAds.AdropBanner) {
        print("onAdClicked")
    }
    
    func onAdFailedToReceive(_ banner: AdropAds.AdropBanner, _ error: AdropAds.AdropErrorCode) {
        print("onAdFailedToReceive \(AdropErrorCodeToString(code: error))")
    }
    
}


struct ContentView: View {
    var adropBannerWrapper =  AdropBannerWrapper()
    var body: some View {
        ZStack{
            VStack {
                Spacer()
                Image(systemName: "globe")
                    .imageScale(.large)
                    .foregroundColor(.accentColor)
                Text("Adrop Ads")
                Button {
                    adropBannerWrapper.bannerRep.banner.load()
                } label: {
                    Text("requestAd")
                }
                .padding(.all)
                Spacer()
            }
            VStack {
                Spacer()
                adropBannerWrapper.bannerRep.frame(height: 80)
            }
        }
    }
}

BackFill 광고 구현

애드컨트롤 콘솔에서 BackFill 설정이 된 유닛을 선택해 주세요.
- 해당 유닛을 사용하면 간단하게 백필(BackFill) 광고 연동이 가능합니다.

Podfile에 adrop-ads-backfill을 추가해 주세요.

pod 'adrop-ads', '~> 1.7.0'
pod 'adrop-ads-backfill', '~> 1.7.0'

pod install 실행

pod install --repo-update

Info.plist에 AdMob에서 발급받은 appId를 추가해주세요.
- Info.plist 확인하기

유의사항

메모리 관리

ViewController 해제 시 배너 정리 필수
새 배너 로드 전 기존 배너 제거

광고 로드 타이밍

네트워크 상태 확인 후 로드
실제로 유저가 볼 수 있는 시점에 로드
백그라운드에서 불필요한 로드 방지

PreviousiOS NextiOS 네이티브 광고

Last updated 27 days ago