이 페이지는 Cloud Translation API를 통해 번역되었습니다.

WKWebView 설정

앱에서 WKWebView를 사용하여 웹 콘텐츠를 표시하는 경우 콘텐츠를 광고로 최적으로 수익을 창출할 수 있도록 구성하는 것이 좋습니다.

이 가이드에서는 WKWebView 객체를 구성하는 방법에 관한 정보를 제공하는 방법을 보여줍니다.

미디어 콘텐츠

기본 WKWebView 설정은 동영상 광고에 최적화되어 있지 않습니다. WKWebViewConfiguration API를 사용하여 인라인 재생 및 자동 동영상 재생을 위해 WKWebView를 구성합니다.

Swift

import WebKit

class ViewController: UIViewController {

  var webView: WKWebView!

  override func viewDidLoad() {
    super.viewDidLoad()

    // Initialize a WKWebViewConfiguration object.
    let webViewConfiguration = WKWebViewConfiguration()
    // Let HTML videos with a "playsinline" attribute play inline.
    webViewConfiguration.allowsInlineMediaPlayback = true
    // Let HTML videos with an "autoplay" attribute play automatically.
    webViewConfiguration.mediaTypesRequiringUserActionForPlayback = []

    // Initialize the WKWebView with your WKWebViewConfiguration object.
    webView = WKWebView(frame: view.frame, configuration: webViewConfiguration)
    view.addSubview(webView)
  }
}

Objective-C

@import WebKit;

#import "ViewController.h"

@interface ViewController ()

@property(nonatomic, strong) WKWebView *webView;

@end

@implementation ViewController

- (void)viewDidLoad {
  [super viewDidLoad];

  // Initialize a WKWebViewConfiguration object.
  WKWebViewConfiguration *webViewConfiguration = [[WKWebViewConfiguration alloc] init];
  // Let HTML videos with a "playsinline" attribute play inline.
  webViewConfiguration.allowsInlineMediaPlayback = YES;
  // Let HTML videos with an "autoplay" attribute play automatically.
  webViewConfiguration.mediaTypesRequiringUserActionForPlayback = WKAudiovisualMediaTypeNone;

  // Initialize the WKWebView with your WKWebViewConfiguration object.
  self.webView = [[WKWebView alloc] initWithFrame:self.view.frame configuration:webViewConfiguration];
  [self.view addSubview:self.webView];
}

웹 뷰 콘텐츠 로드

쿠키와 페이지 URL은 웹 뷰 수익 창출에 중요하며 load(_:)가 네트워크 기반 URL과 함께 사용될 때만 예상대로 작동합니다. 최적화된 WKWebView 성능을 위해 네트워크 기반 URL에서 웹 콘텐츠를 로드하는 것이 좋습니다.

Swift

import WebKit

var webview: WKWebview!

class ViewController: UIViewController {
  override func viewDidLoad() {
    super.viewDidLoad()

    // Initialize a WKWebViewConfiguration object.
    let webViewConfiguration = WKWebViewConfiguration()
    // Let HTML videos with a "playsinline" attribute play inline.
    webViewConfiguration.allowsInlineMediaPlayback = true
    // Let HTML videos with an "autoplay" attribute play automatically.
    webViewConfiguration.mediaTypesRequiringUserActionForPlayback = []

    // Initialize the WKWebView with your WKWebViewConfiguration object.
    webView = WKWebView(frame: view.frame, configuration: webViewConfiguration)
    view.addSubview(webView)

    // Load the URL for optimized web view performance.
    guard let url = URL(string: "https://webview-api-for-ads-test.glitch.me") else { return }
    let request = URLRequest(url: url)
    webView.load(request)
  }
}

Objective-C

@import WebKit;

#import "ViewController.h"

@interface ViewController ()

@property(nonatomic, strong) WKWebView *webView;

@end

@implementation ViewController

- (void)viewDidLoad {
  [super viewDidLoad];

  // Initialize a WKWebViewConfiguration object.
  WKWebViewConfiguration *webViewConfiguration = [[WKWebViewConfiguration alloc] init];
  // Let HTML videos with a "playsinline" attribute play inline.
  webViewConfiguration.allowsInlineMediaPlayback = YES;
  // Let HTML videos with an "autoplay" attribute play automatically.
  webViewConfiguration.mediaTypesRequiringUserActionForPlayback = WKAudiovisualMediaTypeNone;

  // Initialize the WKWebView with your WKWebViewConfiguration object.
  self.webView = [[WKWebView alloc] initWithFrame:self.view.frame configuration:webViewConfiguration];
  [self.view addSubview:self.webview];

  // Load the URL for optimized web view performance.
  NSURL *url = [NSURL URLWithString:@"https://webview-api-for-ads-test.glitch.me"];
  NSURLRequest *request = [NSURLRequest requestWithURL:url];
  [webView loadRequest:request];
}

웹 뷰 테스트

앱 개발 중에는 이 테스트 URL을 로드하는 것이 좋습니다.

https://webview-api-for-ads-test.glitch.me#webview-settings-tests

이러한 설정이 광고에 의도한 효과를 미치는지 확인합니다. 테스트 URL에 다음이 관찰되는 경우 완전한 통합에 대한 성공 기준이 있습니다.

웹 보기 설정

퍼스트 파티 쿠키 작동 방식
JavaScript 사용 설정 여부

동영상 광고

동영상 광고가 인라인으로 재생되고 내장 플레이어의 전체 화면으로 열리지 않음
재생 버튼을 클릭하지 않아도 동영상 광고가 자동으로 재생됨
동영상 광고를 재생할 수 있습니다.

테스트가 완료되면 테스트 URL을 WebView에서 로드하려는 URL로 대체합니다.

광고용 WKWebView API