컴패니언 광고

본 가이드는 iOS IMA 구현에 컴패니언 광고를 추가하는 데 관심이 있는 게시자를 대상으로 합니다.

기본 요건

  • IMA SDK가 통합된 iOS 애플리케이션
  • 컴패니언 광고를 반환하도록 구성된 광고 태그.
    • 샘플이 필요한 경우 FAQ를 확인하세요.

유용한 입문서

앱에 IMA SDK를 구현해야 하는 경우 시작 가이드를 확인하세요.

앱에 컴패니언 광고 추가

컴패니언의 UIView 만들기

컴패니언을 요청하기 전에 레이아웃에서 컴패니언을 위한 공간을 만들어야 합니다. 스토리보드에서 뷰를 ViewController로 드래그 앤 드롭하고 컴패니언 광고의 크기를 조정합니다. 그런 다음 컴패니언 슬롯이 구현의 변수에 연결되어 있는지 확인합니다 (이 예에서는 컴패니언View라는 변수를 사용함). 아래 스크린샷에서 연한 회색 보기는 컴패니언 광고 보기입니다.

컴패니언의 UIView 생성 이미지

IMACompanionAdSlot 만들기

다음 단계는 보기에서 IMACompanionAdSlot 객체를 빌드하는 것입니다. IMA SDK 컴패니언 광고 슬롯을 크기가 포함된 VAST 응답의 모든 컴패니언으로 채웁니다. 뷰의 높이와 너비가 일치해야 합니다. 또한 IMA SDK는 유동적인 크기의 컴패니언을 사용할 수 있습니다.

ViewController.h <ph type="x-smartling-placeholder">
@property(nonatomic, weak) IBOutlet UIView *companionView;
</ph> ViewController.m
self.companionSlot =
    [[IMACompanionAdSlot alloc] initWithView:self.companionView
                                       width:self.companionView.frame.size.width
                                      height:self.companionView.frame.size.height];

컴패니언 광고 슬롯을 광고 컨테이너에 전달

마지막으로 다음과 같이 컴패니언 슬롯의 배열을 IMAAdDisplayContainer 생성자에 전달하여 이 컴패니언 슬롯이 있음을 SDK에 알려야 합니다.

ViewController.m <ph type="x-smartling-placeholder">
return [[IMAAdDisplayContainer alloc] initWithAdContainer:self.videoView
                                           viewController:self
                                           companionSlots:@[ self.companionSlot ]];
</ph>

다음은 이제 애플리케이션에서 컴패니언 광고가 표시됩니다.

유동적인 컴패니언 광고 표시

이제 IMA는 유동 컴패니언 광고를 지원합니다. 이러한 컴패니언 광고는 광고의 크기에 맞게 지정할 수 있습니다. 상위 보기 너비의 100% 를 채우고 높이를 조절하여 지정할 수 있습니다. Ad Manager에서 Fluid 컴패니언 크기를 사용하여 설정됩니다. 이 값을 설정하는 위치는 다음 이미지를 참고하세요.

Ad Manager의 컴패니언 광고 설정을 보여주는 이미지 컴패니언 크기 옵션을 강조 표시합니다.

유연한 컴패니언을 위한 iOS 앱 업데이트

유동적인 컴패니언 슬롯을 선언하려면 IMACompanionAdSlot 드림 view 매개변수만 사용합니다. width 및 제외 height

ViewController.m <ph type="x-smartling-placeholder">
self.companionSlot =
      [[IMACompanionAdSlot alloc] initWithView:self.companionView];
</ph>

FAQ

가이드를 따랐지만 컴패니언 광고가 표시되지 않습니다. 어떻게 해야 하나요?
먼저 태그가 실제로 컴패니언을 반환하는지 확인합니다. 이렇게 하려면 웹브라우저에서 태그를 열고 CompanionAds 태그를 찾습니다. 컴패니언이 표시되는 경우 반환되는 컴패니언의 크기가 표시하려는 UIView의 크기와 동일한지 확인합니다.