ตั้งค่า WKWebView

หาก iOS แอปใช้WKWebView เพื่อแสดงเนื้อหาเว็บ เราขอแนะนำให้กำหนดค่าเพื่อให้เนื้อหาสามารถสร้างรายได้จากโฆษณาได้อย่างเหมาะสม

คำแนะนำนี้แสดงวิธีให้ข้อมูลเกี่ยวกับวิธีกำหนดค่าออบเจ็กต์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 แล้ว

หมายเหตุ: คาดว่าคุกกี้ของบุคคลที่สามจะไม่พร้อมใช้งานใน WKWebView

โฆษณาวิดีโอ

• โฆษณาวิดีโอจะเล่นแบบอินไลน์และไม่เปิดในโปรแกรมเล่นในตัว แบบเต็มหน้าจอ
• โฆษณาวิดีโอจะเล่นโดยอัตโนมัติโดยไม่ต้องคลิกปุ่มเล่น
• โฆษณาวิดีโอเล่นซ้ำได้

หลังจากการทดสอบเสร็จสมบูรณ์ ให้แทนที่ URL ทดสอบด้วย URL ที่ข้อมูลพร็อพเพอร์ตี้เว็บต้องการโหลด