네이티브 광고에는 광고를 추가로 맞춤설정하고 최상의 광고 경험을 조성할 수 있는 다양한 고급 기능이 있습니다. 이 가이드에서는 네이티브 광고의 고급 기능을 사용하는 방법을 보여 줍니다.
기본 요건
- 네이티브 광고 형식을 통합합니다.
확장 소재 설정
네이티브 광고 확장 소재 설정을 구성합니다.
선호되는 미디어 가로세로 비율 설정
미디어 가로세로 비율 설정을 사용하면 광고 소재에 선호하는 가로세로 비율을 지정할 수 있습니다.
GADMediaAspectRatio
를 사용하여
GADNativeAdMediaAdLoaderOptions mediaAspectRatio
를 설정합니다.
설정되지 않은 경우 반환된 광고는 어떤 미디어 가로세로 비율로도 표시될 수 있습니다.
설정하면 선호하는 가로세로 비율 유형을 지정하여 사용자 경험을 개선할 수 있습니다.
다음 예에서는 SDK에 특정 가로세로 비율의 이미지 또는 동영상을 우선적으로 반환하도록 지시합니다.
GADNativeAdMediaAdLoaderOptions *nativeOption = [[GADNativeAdMediaAdLoaderOptions alloc] init];
nativeOption.mediaAspectRatio = GADMediaAspectRatioAny;
GADAdLoader* adLoader = [[GADAdLoader alloc] initWithAdUnitID:@"/21775744923/example/native"
rootViewController:self
adTypes:@[ GADAdLoaderAdTypeNative ]
options:@[ nativeOption ]];
이미지 다운로드 설정
이미지 다운로드 설정을 사용하면 SDK에서 이미지 확장 소재를 반환할지 아니면 URI만 반환할지 결정할 수 있습니다.
BOOL
값으로
GADNativeAdImageAdLoaderOptions disableImageLoading
을 설정합니다.
이미지 다운로드 설정은 기본적으로 사용 중지되어 있습니다.
사용 중지되면 Google 모바일 광고 SDK가 이미지와 URI를 모두 채웁니다.
사용 설정하면 SDK는 URI만 채우며, 원하는 실제 이미지를 직접 다운로드할 수 있습니다.
다음 예에서는 SDK에 URI만 반환하도록 지시합니다.
GADNativeAdImageAdLoaderOptions *nativeOption = [[GADNativeAdImageAdLoaderOptions alloc] init];
nativeOption.disableImageLoading = YES;
GADAdLoader* adLoader = [[GADAdLoader alloc] initWithAdUnitID:@"/21775744923/example/native"
rootViewController:self
adTypes:@[ GADAdLoaderAdTypeNative ]
options:@[ nativeOption ]];
이미지 페이로드 설정은 기본적으로 사용 중지되어 있습니다.
사용 중지하면 앱에서 이미지의 집합을 포함하는 확장 소재의 첫 번째 이미지만 제공하도록 SDK에 지시합니다.
사용 설정하면 앱에서 둘 이상의 이미지가 포함된 확장 소재에서 모든 이미지를 표시할 준비가 되었음을 명시합니다.
다음 예에서는 SDK에 여러 이미지 확장 소재를 반환하도록 지시합니다.
GADNativeAdImageAdLoaderOptions *nativeOption = [[GADNativeAdImageAdLoaderOptions alloc] init];
nativeOption.shouldRequestMultipleImages = YES;
GADAdLoader* adLoader = [[GADAdLoader alloc] initWithAdUnitID:@"/21775744923/example/native"
rootViewController:self
adTypes:@[ GADAdLoaderAdTypeNative ]
options:@[ nativeOption ]];
AdChoices 게재위치
AdChoices 아이콘 표시를 맞춤설정합니다.
AdChoices 위치 설정
AdChoices 위치 설정을 사용하면 AdChoices 아이콘을 렌더링할 모서리를 선택할 수 있습니다.
GADAdChoicesPosition
값으로
GADNativeAdViewAdOptions preferredAdChoicesPosition
을 설정합니다.
설정하지 않으면 AdChoices 아이콘 위치는 오른쪽 상단으로 설정됩니다.
설정하면 AdChoices가 요청된 맞춤 위치에 배치됩니다.
다음 예에서는 맞춤 AdChoices 이미지 위치를 설정하는 방법을 보여 줍니다.
GADNativeAdViewAdOptions *nativeOptions = [[GADNativeAdViewAdOptions alloc] init];
nativeOptions.preferredAdChoicesPosition = GADAdChoicesPositionTopLeftCorner;
GADAdLoader* adLoader = [[GADAdLoader alloc] initWithAdUnitID:@"/21775744923/example/native"
rootViewController:self
adTypes:@[ GADAdLoaderAdTypeNative ]
options:@[ nativeOptions ]];
AdChoices 맞춤 뷰
AdChoices 맞춤 뷰 기능을 사용하면 AdChoices 아이콘을 맞춤 위치에 배치할 수 있습니다. 이는 모서리 4개 중 하나만 지정할 수 있는 AdChoices 위치 설정과 다릅니다.
렌더링 전에 GADAdChoicesView
로
GADNativeAd.adChoicesView
속성을 설정하면
AdChoices 콘텐츠가 GADAdChoicesView
내에
렌더링됩니다.
다음 예에서는 맞춤 AdChoices 뷰를 설정하는 방법을 보여줍니다. AdChoices
아이콘은 GADAdChoicesView
내부에 렌더링됩니다.
Objective-C
- (void)adLoader:(GADAdLoader *)adLoader didReceiveNativeAd:(GADNativeAd *)nativeAd {
...
GADAdChoicesView *customAdChoicesView =
[[GADAdChoicesView alloc] initWithFrame: CGRectMake(..., ..., ..., ...)];
[nativeAdView addSubview:customAdChoicesView];
nativeAdView.adChoicesView = customAdChoicesView;
// Associate the native ad view with the native ad object. This is
// required to make the ad clickable.
// Note: this should always be done after populating the ad views.
nativeAdView.nativeAd = nativeAd;
}
Swift
func adLoader(_ adLoader: AdLoader, didReceive nativeAd: NativeAd) {
refreshAdButton.isEnabled = true
...
// Define a custom position for the AdChoices icon.
let customRect = CGRect(x: 100, y: 100, width: 15, height: 15)
let customAdChoicesView = AdChoicesView(frame: customRect)
nativeAdView.addSubview(customAdChoicesView)
nativeAdView.adChoicesView = customAdChoicesView
// Associate the native ad view with the native ad object. This is
// required to make the ad clickable.
// Note: this should always be done after populating the ad views.
nativeAdView.nativeAd = nativeAd;
}
동영상 설정
동영상 애셋 동작을 구성합니다.
음소거 동작 시작
음소거 동작 시작을 사용하면 동영상의 시작 오디오를 사용 중지하거나 사용 설정할 수 있습니다.
BOOL
값으로
GADVideoOptions startMuted
를 설정합니다.
음소거 동작 시작은 기본적으로 사용 설정되어 있습니다.
사용 중지하면 앱은 오디오와 함께 동영상이 시작되도록 요청합니다.
사용 설정하면 앱이 오디오가 음소거된 상태로 동영상이 시작되도록 요청합니다.
다음 예에서는 음소거되지 않은 오디오로 동영상을 시작하는 방법을 보여 줍니다.
GADVideoOptions *nativeOptions = [[GADVideoOptions alloc] init];
nativeOptions.startMuted = NO;
GADAdLoader* adLoader = [[GADAdLoader alloc] initWithAdUnitID:@"/21775744923/example/native"
rootViewController:self
adTypes:@[ GADAdLoaderAdTypeNative ]
options:@[ nativeOptions ]];
맞춤 재생 컨트롤
이를 통해 동영상을 재생, 일시중지 또는 음소거하는 맞춤 동영상 입력 설정을 요청할 수 있습니다.
BOOL
값으로
GADVideoOptions customControlsRequested
를 설정합니다.
맞춤 재생 컨트롤은 기본적으로 사용 중지되어 있습니다.
사용 중지하면 동영상에 SDK 렌더링 입력 설정이 표시됩니다.
- 이 기능을 사용 설정하면
GADVideoController play
,GADVideoController pause
,GADVideoController setMute
를 사용하여 동영상 광고를 설정할 수 있습니다.
광고에 동영상 콘텐츠가 있고 맞춤 설정이 사용 설정된 경우 광고 자체에는 설정이 표시되지 않으므로 광고와 함께 맞춤 설정을 표시해야 합니다. 그런 다음 설정은 다음에 있는 관련 메서드를 호출합니다.
다음 예에서는 맞춤 재생 컨트롤로 동영상을 요청하는 방법을 보여 줍니다.
GADVideoOptions *nativeOptions = [[GADVideoOptions alloc] init];
nativeOptions.customControlsRequested = YES;
GADAdLoader* adLoader = [[GADAdLoader alloc] initWithAdUnitID:@"/21775744923/example/native"
rootViewController:self
adTypes:@[ GADAdLoaderAdTypeNative ]
options:@[ nativeOptions ]];
맞춤 설정이 사용 설정되어 있는지 확인
요청 시에는 반환된 광고가 맞춤 동영상 설정을 허용하는지 알 수 없으므로 맞춤 설정이 사용 설정되어 있는지 확인해야 합니다.
Objective-C
- (void)adLoader:(GADAdLoader *)adLoader
didReceiveNativeAd:(GADNativeAd*)nativeAd {
GADVideoController *videoController = nativeAd.mediaContent.videoController;
BOOL canShowCustomControls = videoController.customControlsEnabled;
}
Swift
func adLoader(_ adLoader: AdLoader, didReceive nativeAd: NativeAd) {
let videoController = nativeAd.mediaContent.videoController
let canShowCustomControls = videoController?.customControlsEnabled() == true
}
맞춤 동영상 설정 렌더링
다음 권장사항을 사용하여 맞춤 동영상 설정을 렌더링합니다.
- 맞춤 설정 뷰를 네이티브 광고 뷰의 하위 요소로 렌더링합니다. 이 접근 방식을 사용하면 Open Measurement 조회 가능성 계산에서 맞춤 설정을 우호적인 방해 요소로 간주할 수 있습니다.
- 전체 미디어 뷰 위에 보이지 않는 오버레이를 렌더링하지 마세요. 오버레이는 미디어 뷰의 클릭을 차단하여 네이티브 광고 실적에 부정적인 영향을 미칩니다. 대신 설정에 맞을 만한 크기의 작은 오버레이를 만듭니다.
맞춤 클릭 동작
맞춤 클릭 동작은 광고 뷰에서 스와이프가 광고 클릭으로 등록되도록 지원하는 네이티브 광고 기능입니다. 콘텐츠 탐색에 스와이프 동작을 사용하는 앱과 함께 작동하도록 설계되었습니다. 이 가이드에서는 네이티브 광고에서 맞춤 클릭 동작을 사용 설정하는 방법을 보여 줍니다.
선택한 스와이프 방향으로
GADNativeAdCustomClickGestureOptions
인스턴스를 초기화합니다. 탭을 클릭으로 허용할지
여부도 표시해야 합니다.
맞춤 클릭 동작은 기본적으로 사용 중지되어 있습니다.
사용 중지하면 탭만 클릭으로 집계됩니다.
사용 설정하면 스와이프 동작이 클릭으로 집계되며 탭이 클릭으로 집계될 수 있는지 여부를 지정할 수 있습니다.
다음 예에서는 오른쪽으로 스와이프하는 맞춤 스와이프 동작을 구현하고 일반적인 탭 동작을 유지하는 방법을 보여줍니다.
GADNativeAdCustomClickGestureOptions *swipeGestureOptions = [[GADNativeAdCustomClickGestureOptions alloc]
initWithSwipeGestureDirection:UISwipeGestureRecognizerDirectionRight
tapsAllowed:YES];
// The following sample ad unit ID has been enabled for custom click gestures
// and can be used for testing.
self.adLoader = [[GADAdLoader alloc]
initWithAdUnitID:@"/21775744923/example/native"
rootViewController:self
adTypes:@[ GADAdLoaderAdTypeNative ]
options:@[ swipeGestureOptions ]];
스와이프 동작 이벤트 수신 대기
스와이프 동작 클릭이 기록되면
Google 모바일 광고 SDK는
기존
nativeAdDidRecordClick:
대리자 메서드 외에도
GADNativeAdDelegate
에서
nativeAdDidRecordSwipeGestureClick:
대리자 메서드를 호출합니다.
#pragma mark - GADNativeAdDelegate implementation
// Called when a swipe gesture click is recorded.
- (void)nativeAdDidRecordSwipeGestureClick:(GADNativeAd *)nativeAd {
NSLog(@"A swipe gesture click has occurred.");
}
// Called when a swipe gesture click or a tap click is recorded, as configured in
// GADNativeAdCustomClickGestureOptions.
- (void)nativeAdDidRecordClick:(GADNativeAd *)nativeAd {
NSLog(@"A swipe gesture click or tap click has occurred.");
}
미디에이션
맞춤 클릭 동작은 Google 모바일 광고 SDK가 렌더링하는 네이티브 광고에서만 작동합니다. 렌더링에 서드 파티 SDK가 필요한 광고 소스는 맞춤 클릭 방향 설정에 응답하지 않습니다.