Cómo integrar la API de WebView para anuncios

Las APIs de WebView para anuncios ponen los indicadores de apps a disposición de las etiquetas de tu WKWebView, lo que ayuda a mejorar la monetización para los publicadores que proporcionaron el contenido y a proteger a los anunciantes del spam. Estos indicadores de la aplicación, como el ID y la versión de la aplicación, ayudan a activar los casos de uso de Informes y Segmentación del inventario de navegadores integrados en la aplicación, que de otro modo solo están disponibles en el tráfico de la aplicación.

Cómo funciona

La comunicación con el SDK de anuncios de Google para dispositivos móviles solo se produce en respuesta a eventos de anuncios activados por cualquiera de las siguientes acciones:

• Código de AdSense
• Google Publisher Tag
• IMA para HTML5

El SDK agrega controladores de mensajes al WKWebView registrado para detectar estos eventos de anuncios. Para comprender mejor cómo funciona esto, consulta el código fuente de la página de prueba.

Advertencia: No llames a removeAllScriptMessageHandlers() desde tu instancia de WKWebView, ya que esto tiene efectos secundarios no deseados. Si es necesario, llama a removeScriptMessageHandler(forName:) para quitar controladores de mensajes individuales.

Requisitos previos

• SDK de anuncios de Google para dispositivos móviles versión 9.6.0 o posterior

• Actualiza el archivo Info.plist con la siguiente clave y el valor de cadena. Estoomite una verificación que realiza el SDK de anuncios de Google para dispositivos móviles para un valor GADApplicationIdentifier que se aplica a los desarrolladores que implementan anuncios fuera de una vista web. Si omites este paso y no proporcionas un GADApplicationIdentifier, el SDK de anuncios de Google para dispositivos móviles arroja un GADInvalidInitializationException al inicio de la app.

  <!-- Indicate Google Mobile Ads SDK usage is only for web view APIs for ads -->
  <key>GADIntegrationManager</key>
  <string>webview</string>
  

Registra la vista web

Llama a register(_:) en el subproceso principal para establecer una conexión con los controladores de JavaScript en el código de AdSense o la etiqueta del publicador de Google dentro de cada instancia de WKWebView. Esto se debe hacer lo antes posible, como en el método viewDidLoad de tu controlador de vistas.

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)

    // Register the web view.
    GADMobileAds.sharedInstance().register(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];

  // Register the web view.
  [GADMobileAds.sharedInstance registerWebView:self.webView];
}

Cómo probar tu integración

Antes de usar tu propia URL, te recomendamos que cargues la siguiente URL para probar la integración:

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

La URL de prueba muestra barras de estado verdes para una integración correcta si se cumplen las siguientes condiciones:

• WKWebView conectado al SDK de anuncios de Google para dispositivos móviles

Próximos pasos

• Obtén el consentimiento en WKWebView. Las APIs de WebView para anuncios no propagan el consentimiento recopilado en el contexto de la app para dispositivos móviles con los marcos de cumplimiento del MTC v2.0 de IAB o de la CCPA de IAB a las etiquetas de tus vistas web. Si te interesa implementar un solo flujo de consentimiento como propietario de WKWebView y su contenido web correspondiente que se monetiza, trabaja con tu plataforma de administración de consentimiento para obtener el consentimiento en el contexto de WKWebView.