Cómo configurar WKWebView

Si tu iOS app usa WKWebView para mostrar contenido web, es se recomienda configurarlo para que el contenido se monetice de forma óptima con anuncios.

En esta guía, se muestra cómo proporcionar información para configurar una ObjetoWKWebView .

Importante: Para configurar y optimizar correctamente WKWebView, aplica las siguientes recomendaciones a cada WKWebView en la app.

Contenido multimedia

La configuración predeterminada de WKWebView no está optimizada para los anuncios de video. Usa el WKWebViewConfiguration Las APIs te permiten configurar tu WKWebView para la reproducción intercalada y la reproducción de video automática.

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];
}

Cómo cargar contenido de vistas web

Las cookies y las URLs de páginas son importantes para la monetización de la vista web y solo funcionan como se espera cuando se usa con un una URL basada en la red. Para obtener un rendimiento WKWebView optimizado, te recomendamos que cargues contenido web desde una URL basada en la red.

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];
}

Sugerencia: Si necesitas cargar contenido de vistas web de otros medios, como HTML, puedes mitigar el impacto negativo en la monetización transmitiendo las Identificador proporcionado por el publicador (PPID) y la URL de la página relevante (GPT | AdSense), junto con tu vista web. para cada solicitud. Estos cambios mitigan la pérdida de monetización en comparación con cargar la Web contenido desde una URL basada en la red.

Cómo probar la vista web

Durante el desarrollo de la app, te recomendamos cargar esta URL de prueba:

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

para verificar que esta configuración tenga el efecto deseado en los anuncios. La URL de prueba tiene criterios de éxito para una integración completa si se observa lo siguiente:

Configuración de la vista web

• Las cookies propias funcionan
• JavaScript habilitado

Anuncio de video

• El anuncio de video se reproduce intercalado y no se abre en la pantalla completa integrada. jugador
• El anuncio de video se reproduce automáticamente sin hacer clic en el botón de reproducción.
• El anuncio de video se puede volver a reproducir.

Una vez finalizada la prueba, sustituye la URL de prueba por la URL de la vista web. de la red de Google.