Integrar a API WebView para anúncios

As APIs de visualização da Web para anúncios disponibilizam indicadores de apps para as tags no seu WKWebView, ajudando a melhorar a monetização dos editores que forneceram o conteúdo e a proteger os anunciantes contra spam.

Como funciona

A comunicação com o SDK de anúncios para dispositivos móveis do Google só acontece em resposta a eventos de anúncio acionados por qualquer um dos seguintes:

• Código do AdSense
• Tag do editor do Google
• IMA para HTML5

O SDK adiciona manipuladores de mensagens ao WKWebView registrado para detectar esses eventos de anúncio. Para entender melhor como isso funciona, consulte o código-fonte da página de teste.

Aviso: não chame removeAllScriptMessageHandlers() da sua instância WKWebView, porque isso tem efeitos colaterais indesejados. Se necessário, chame removeScriptMessageHandler(forName:) para remover manipuladores de mensagens individuais.

Pré-requisitos

• SDK dos anúncios para dispositivos móveis do Google versão 9.6.0 ou mais recente.

• Atualize o arquivo Info.plist com a seguinte chave e valor de string. Isso ignora uma verificação que o SDK dos anúncios para dispositivos móveis do Google faz para um valor GADApplicationIdentifier aplicável a desenvolvedores que implementam anúncios fora de uma visualização da Web. Se você não fizer isso e não fornecer um GADApplicationIdentifier, o SDK dos anúncios para dispositivos móveis do Google vai gerar um GADInvalidInitializationException ao iniciar o app.

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

Registrar a WebView

Chame register(_:) na linha de execução principal para estabelecer uma conexão com os manipuladores JavaScript no código do Google AdSense ou na tag do editor do Google em cada instância WKWebView. Isso deve ser feito o mais cedo possível, como no método viewDidLoad do controlador de visualização.

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.
    MobileAds.shared.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];
}

Testar sua integração

Antes de usar seu próprio URL, recomendamos que você carregue o seguinte URL para testar a integração:

https://google.github.io/webview-ads/test/#api-for-ads-tests

O URL de teste mostra barras de status verdes para uma integração bem-sucedida se as seguintes condições forem atendidas:

• WKWebView conectado ao SDK dos anúncios para dispositivos móveis do Google

Próximas etapas

• Obtenha consentimento em WKWebView. As APIs WebView para anúncios não propagam o consentimento coletado no contexto do app para dispositivos móveis usando as estruturas de compliance IAB TCF v2.0 ou IAB CCPA para as tags nas suas WebViews. Se você quiser implementar um único fluxo de consentimento como proprietário do WKWebView e do conteúdo da Web correspondente que está sendo monetizado, trabalhe com sua plataforma de gerenciamento de consentimento para coletar o consentimento no contexto do WKWebView.