Как интегрировать WebView API for Ads

Выберите платформу: Android iOS Android (устаревшая версия)

WebView API для Google Рекламы позволяет передавать тегам в WKWebView сигналы из приложений. Это помогает издателям, предоставившим контент, повысить доход от рекламы, а рекламодателям – защититься от спама.

Принцип работы

Обмен данными с Google Mobile Ads SDK происходит только в ответ на события объявлений, вызванные следующими действиями:

• Код AdSense
• Google Publisher Tag
• IMA для HTML5

SDK добавляет обработчики сообщений в зарегистрированный объект WKWebView, чтобы отслеживать эти события. Чтобы лучше понять, как это работает, посмотрите исходный код тестовой страницы.

Внимание! Не вызывайте removeAllScriptMessageHandlers() из экземпляра WKWebView, так как это может привести к нежелательным побочным эффектам. При необходимости вызовите метод removeScriptMessageHandler(forName:), чтобы удалить отдельные обработчики сообщений.

Требования

• Google Mobile Ads SDK версии 9.6.0 или более поздней.

• Добавьте в файл Info.plist следующий ключ и строковое значение. Это позволяет обойти проверку, которую Google Mobile Ads SDK выполняет для значения GADApplicationIdentifier, которое относится к разработчикам, реализующим рекламу вне веб-просмотра. Если вы пропустите этот шаг и не укажете GADApplicationIdentifier, то при запуске приложения Google Mobile Ads SDK выдаст ошибку GADInvalidInitializationException.

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

Зарегистрируйте веб-просмотр

Вызовите register(_:) в основном потоке, чтобы установить связь с обработчиками JavaScript в коде AdSense или теге Google Publisher Tag в каждом экземпляре WKWebView. Это нужно сделать как можно раньше, например в методе viewDidLoad контроллера представления.

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

Тестирование интеграции

Прежде чем использовать собственный URL, рекомендуем загрузить следующий URL, чтобы протестировать интеграцию:

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

Если интеграция выполнена успешно, то в тестовом URL будут показаны зеленые строки состояния. Это происходит при соблюдении следующих условий:

• WKWebView подключено к устройству "Google Mobile Ads SDK"

Дальнейшие действия

• Запросите согласие в WKWebView. API WebView для рекламы не передает тегам в представлениях WebView информацию о согласии, полученном в мобильном приложении с помощью фреймворков IAB TCF версии 2.3 или IAB CCPA. Если вы хотите реализовать единый процесс получения согласия как владелец WKWebView и соответствующего монетизируемого веб-контента, обратитесь к своей платформе для запросов согласия, чтобы собирать согласие в контексте WKWebView.