전면 광고는 사용자가 닫을 때까지 앱의 인터페이스를 가리는 전체 화면 광고입니다. 일반적으로 활동이 바뀌는 시점 또는 게임에서 다음 레벨로 넘어갈 때처럼 앱 이용이 잠시 중단될 때 자연스럽게 광고가 게재됩니다. 앱에 전면 광고가 표시되면 사용자는 광고를 탭하여 도착 페이지로 이동하거나 광고를 닫고 앱으로 돌아갈 수 있습니다. 우수사례
이 가이드에서는 전면 광고를 iOS 앱에 통합하는 방법을 설명합니다.
기본 요건
- Google 모바일 광고 SDK 8.0.0 이상
- 시작 가이드를 완료합니다.
항상 테스트 광고로 테스트
앱을 빌드하고 테스트할 때는 운영 중인 실제 광고 대신 테스트 광고를 사용하세요. 이렇게 하지 않으면 계정이 정지될 수 있습니다.
테스트 광고를 로드하는 가장 쉬운 방법은 다음과 같은 iOS 전면 광고 테스트 전용 광고 단위 ID를 사용하는 것입니다.
ca-app-pub-3940256099942544/4411468910
이 ID는 모든 요청에 대해 테스트 광고를 반환하도록 특별히 구성되었으며, 코딩, 테스트, 디버깅 중에 앱에서 자유롭게 사용할 수 있습니다. 앱을 게시하기 전에 이 ID를 자체 광고 단위 ID로 바꿔야 합니다.
모바일 광고 SDK의 테스트 광고가 작동하는 방식을 자세히 알아보려면 테스트 광고를 참고하세요.
구현
전면 광고를 통합하는 기본 단계는 다음과 같습니다.
- 광고를 로드합니다.
- 콜백을 등록합니다.
- 광고를 표시합니다.
광고 로드
광고는 GADInterstitialAd
클래스의 load(adUnitID:request)
메서드를 사용하여 로드됩니다.
Swift
import GoogleMobileAds
import UIKit
class ViewController: UIViewController {
private var interstitial: GADInterstitialAd?
override func viewDidLoad() {
super.viewDidLoad()
Task {
do {
interstitial = try await GADInterstitialAd.load(
withAdUnitID: "ca-app-pub-3940256099942544/4411468910", request: GADRequest())
} catch {
print("Failed to load interstitial ad with error: \(error.localizedDescription)")
}
}
}
}
SwiftUI
import GoogleMobileAds
class InterstitialViewModel: NSObject, GADFullScreenContentDelegate {
private var interstitialAd: GADInterstitialAd?
func loadAd() async {
do {
interstitialAd = try await GADInterstitialAd.load(
withAdUnitID: "ca-app-pub-3940256099942544/4411468910", request: GADRequest())
interstitialAd?.fullScreenContentDelegate = self
} catch {
print("Failed to load interstitial ad with error: \(error.localizedDescription)")
}
}
Objective-C
@import GoogleMobileAds;
@import UIKit;
@interface ViewController ()
@property(nonatomic, strong) GADInterstitialAd *interstitial;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
GADRequest *request = [GADRequest request];
[GADInterstitialAd loadWithAdUnitID:@"ca-app-pub-3940256099942544/4411468910"
request:request
completionHandler:^(GADInterstitialAd *ad, NSError *error) {
if (error) {
NSLog(@"Failed to load interstitial ad with error: %@", [error localizedDescription]);
return;
}
self.interstitial = ad;
}];
}
콜백 등록
표시 이벤트 알림을 받으려면 GADFullScreenContentDelegate
프로토콜을 구현하고 이를 반환된 광고의 fullScreenContentDelegate
속성에 할당해야 합니다. GADFullScreenContentDelegate
프로토콜은 광고 표시에 성공 또는 실패했을 때와 광고가 닫혔을 때의 콜백을 처리합니다. 다음 코드에서는 프로토콜을 구현하고 이를 광고에 할당하는 방법을 보여줍니다.
Swift
import GoogleMobileAds
import UIKit
class ViewController: UIViewController, GADFullScreenContentDelegate {
private var interstitial: GADInterstitialAd?
override func viewDidLoad() {
super.viewDidLoad()
Task {
do {
interstitial = try await GADInterstitialAd.load(
withAdUnitID: "ca-app-pub-3940256099942544/4411468910", request: GADRequest())
interstitial?.fullScreenContentDelegate = self
} catch {
print("Failed to load interstitial ad with error: \(error.localizedDescription)")
}
}
}
/// Tells the delegate that the ad failed to present full screen content.
func ad(_ ad: GADFullScreenPresentingAd, didFailToPresentFullScreenContentWithError error: Error) {
print("Ad did fail to present full screen content.")
}
/// Tells the delegate that the ad will present full screen content.
func adWillPresentFullScreenContent(_ ad: GADFullScreenPresentingAd) {
print("Ad will present full screen content.")
}
/// Tells the delegate that the ad dismissed full screen content.
func adDidDismissFullScreenContent(_ ad: GADFullScreenPresentingAd) {
print("Ad did dismiss full screen content.")
}
}
SwiftUI
반환된 광고에 fullScreenContentDelegate
속성을 할당합니다.
interstitialAd?.fullScreenContentDelegate = self
프로토콜을 구현합니다.
func adDidRecordImpression(_ ad: GADFullScreenPresentingAd) {
print("\(#function) called")
}
func adDidRecordClick(_ ad: GADFullScreenPresentingAd) {
print("\(#function) called")
}
func ad(
_ ad: GADFullScreenPresentingAd,
didFailToPresentFullScreenContentWithError error: Error
) {
print("\(#function) called")
}
func adWillPresentFullScreenContent(_ ad: GADFullScreenPresentingAd) {
print("\(#function) called")
}
func adWillDismissFullScreenContent(_ ad: GADFullScreenPresentingAd) {
print("\(#function) called")
}
func adDidDismissFullScreenContent(_ ad: GADFullScreenPresentingAd) {
print("\(#function) called")
// Clear the interstitial ad.
interstitialAd = nil
}
Objective-C
@import GoogleMobileAds;
@import UIKit;
@interface ViewController () <GADFullScreenContentDelegate>
@property(nonatomic, strong) GADInterstitialAd *interstitial;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
GADRequest *request = [GADRequest request];
[GADInterstitialAd loadWithAdUnitID:@"ca-app-pub-3940256099942544/4411468910"
request:request
completionHandler:^(GADInterstitialAd *ad, NSError *error) {
if (error) {
NSLog(@"Failed to load interstitial ad with error: %@", [error localizedDescription]);
return;
}
self.interstitial = ad;
self.interstitial.fullScreenContentDelegate = self;
}];
}
/// Tells the delegate that the ad failed to present full screen content.
- (void)ad:(nonnull id<GADFullScreenPresentingAd>)ad
didFailToPresentFullScreenContentWithError:(nonnull NSError *)error {
NSLog(@"Ad did fail to present full screen content.");
}
/// Tells the delegate that the ad will present full screen content.
- (void)adWillPresentFullScreenContent:(nonnull id<GADFullScreenPresentingAd>)ad {
NSLog(@"Ad will present full screen content.");
}
/// Tells the delegate that the ad dismissed full screen content.
- (void)adDidDismissFullScreenContent:(nonnull id<GADFullScreenPresentingAd>)ad {
NSLog(@"Ad did dismiss full screen content.");
}
GADInterstitialAd
는 일회용 객체입니다. 즉, 전면 광고가 표시된 후에는 다시 표시되지 않습니다. 이전 광고가 닫히자마자 다음 전면 광고가 로드될 수 있도록
adDidDismissFullScreenContent:
메서드로 GADFullScreenContentDelegate
에 다른 전면 광고를
로드하는 것이 좋습니다.
광고 표시
전면 광고는 앱 이용이 잠시 중단될 때 자연스럽게 표시되어야 합니다. 예를 들어 게임에서 다음 레벨로 넘어갈 때 또는 작업을 완료한 직후에 광고가 게재됩니다.
Swift
guard let interstitial = interstitial else {
return print("Ad wasn't ready.")
}
// The UIViewController parameter is an optional.
interstitial.present(fromRootViewController: nil)
SwiftUI
뷰에서 UI 이벤트를 수신하여 광고를 표시할 시기를 결정합니다.
var body: some View {
// ...
}
.onChange(of: countdownTimer.isComplete) { newValue in
showGameOverAlert = newValue
}
.alert(isPresented: $showGameOverAlert) {
Alert(
title: Text("Game Over"),
message: Text("You lasted \(countdownTimer.countdownTime) seconds"),
dismissButton: .cancel(
Text("OK"),
action: {
viewModel.showAd()
}))
뷰 모델에서 전면 광고를 표시합니다.
func showAd() {
guard let interstitialAd = interstitialAd else {
return print("Ad wasn't ready.")
}
interstitialAd.present(fromRootViewController: nil)
}
Objective-C
if (self.interstitial) {
// The UIViewController parameter is nullable.
[self.interstitial presentFromRootViewController:nil];
} else {
NSLog(@"Ad wasn't ready");
}
권장사항
- 전면 광고가 앱에 적합한 광고 유형인지 생각해 보세요.
- 전면 광고는 자연스러운 전환 지점이 있는 앱에서 최대의 효과를 발휘합니다. 자연스러운 전환 지점이란 이미지 공유, 게임 레벨 달성처럼 앱에서 작업이 완료되는 순간을 말합니다. 사용자는 작업을 쉬어갈 것으로 예상하므로 사용자 경험에 지장을 주지 않으면서 전면 광고를 쉽게 표시할 수 있습니다. 앱의 이용 과정에서 어느 지점에 전면 광고를 표시해야 하고 사용자가 어떻게 반응할지를 고려해야 합니다.
- 전면 광고를 게재하려면 앱 사용을 잠시 중단하는 순간이 있어야 합니다.
- 전면 광고에는 텍스트, 이미지, 동영상 등 다양한 유형이
있습니다. 앱에서 전면 광고를 표시할 때는 광고가 리소스를 활용할 수 있도록
일부 리소스의 사용도 중지해야 합니다. 예를 들어 전면 광고를 표시하도록 호출할 때는 앱에서 재생 중인 오디오 출력을 일시중지해야 합니다. 사용자가 광고와의 상호작용을 마칠 때 호출되는
adDidDismissFullScreenContent:
이벤트 핸들러를 통해 사운드 재생을 재개할 수 있습니다. 또한 광고가 표시되는 동안에는 강도 높은 계산 작업 (예: 게임 루프)을 잠시 중단하는 것이 좋습니다. 이렇게 하면 그래픽이 느리거나 응답하지 않는 문제나 동영상 끊김 등의 문제가 발생하지 않습니다. - 충분한 로드 시간을 확보하세요.
- 전면 광고를 적절한 시점에 표시하는 것뿐 아니라 광고 로드가 너무 지연되지 않게 하는 것도 중요합니다. 게재하기 전에 미리 광고를 로드하면 앱에서 전면 광고가 완전히 로드된 상태가 되어 광고를 게재할 시점에 전면 광고를 바로 표시할 수 있습니다.
- 광고를 과도하게 게재하면 안 됩니다.
- 앱에 전면 광고를 더 많이 게재할수록 수익이 늘어난다고 생각할 수 있겠지만, 이렇게 하면 사용자 환경이 악화되고 클릭률이 떨어지기도 합니다. 사용자의 원활한 앱 사용에 지장을 주지 않는 범위에서 게재 빈도를 조절하시기 바랍니다.
- 전면 광고를 게재할 때 로드 완료 콜백을 사용하면 안 됩니다.
- 사용자 환경이 나빠질 수 있습니다. 광고를 표시하기 전에 미리 로드하세요. 그런 다음
GADInterstitialAd
의canPresentFromRootViewController:error:
메서드를 통해 광고를 게재할 준비가 되었는지 확인하세요.
추가 리소스
GitHub의 예
원하는 언어로 된 전체 전면 광고의 예를 확인하세요.
모바일 광고 관련 동영상 가이드
성공사례
다음 단계
- AdMob UI에서 나만의 전면 광고 단위를 아직 만들지 않았다면 만들어 보세요.
- 광고 타겟팅 및 전면 광고 가이드라인에 대해 자세히 알아보세요.
- 사용자 개인 정보 보호에 대해 자세히 알아보세요.