Mengintegrasikan WebView API untuk Iklan

API tampilan web untuk iklan membuat sinyal aplikasi tersedia untuk tag di WKWebViewAnda, sehingga membantu meningkatkan monetisasi bagi penayang yang menyediakan konten dan melindungi pengiklan dari spam.

Cara kerjanya

Komunikasi dengan Google Mobile Ads SDK hanya terjadi sebagai respons terhadap peristiwa iklan yang dipicu oleh salah satu hal berikut:

• Kode AdSense
• Tag Google Publisher
• IMA untuk HTML5

SDK menambahkan pengendali pesan keWKWebView yang terdaftar untuk memproses peristiwa iklan ini. Untuk memahami cara kerjanya yang lebih baik, lihat kode sumber halaman pengujian.

Peringatan: Jangan panggil removeAllScriptMessageHandlers() dari instance WKWebView Anda karena hal ini memiliki efek samping yang tidak diinginkan. Jika diperlukan, panggil removeScriptMessageHandler(forName:) untuk menghapus pengendali pesan individual.

Prasyarat

• Google Mobile Ads SDK versi 9.6.0 atau yang lebih tinggi.

• Update file Info.plist dengan kunci dan nilai string berikut. Tindakan ini mengabaikan pemeriksaan yang dilakukan Google Mobile Ads SDK untuk nilai GADApplicationIdentifier yang berlaku bagi developer yang menerapkan iklan di luar tampilan web. Jika Anda melewatkan langkah ini dan tidak memberikan GADApplicationIdentifier, Google Mobile Ads SDK akan menampilkan GADInvalidInitializationException saat aplikasi dimulai.

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

Mendaftarkan tampilan web

Panggil register(_:) di thread utama untuk membuat koneksi dengan pengendali JavaScript di kode AdSense atau Tag Google Publisher dalam setiap WKWebView instance. Hal ini harus dilakukan sedini mungkin, seperti dalam metode viewDidLoad dari pengontrol tampilan Anda.

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

Menguji integrasi Anda

Sebelum menggunakan URL Anda sendiri, sebaiknya muat URL berikut untuk menguji integrasi:

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

URL pengujian menampilkan status bar berwarna hijau untuk integrasi yang berhasil jika kondisi berikut berlaku:

• WKWebView terhubung ke Google Mobile Ads SDK

Langkah berikutnya

• Kumpulkan izin di WKWebView. Web View API for Ads tidak menerapkan izin yang dikumpulkan dalam konteks aplikasi seluler menggunakan framework kepatuhan TCF v2.0 IAB atau CCPA IAB ke tag di tampilan web Anda. Jika Anda tertarik untuk menerapkan alur izin tunggal sebagai pemilikWKWebView dan konten webnya yang sesuai yang dimonetisasi, bekerja samalah dengan platform pengelolaan izin Anda untuk mengumpulkan izin sesuai konteks WKWebView .