Mengintegrasikan WebView API untuk Iklan

API tampilan web untuk iklan membuat sinyal aplikasi tersedia untuk tag di WKWebView, 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 ke WKWebView yang terdaftar untuk memproses peristiwa iklan ini. Untuk lebih memahami cara kerjanya, lihat kode sumber dari halaman pengujian.

Prasyarat

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

• Perbarui file Info.plist dengan nilai string dan kunci berikut. Hal ini melewati 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 handler JavaScript dalam kode AdSense atau Tag Google Publisher di setiap instance WKWebView. Hal ini harus dilakukan sesegera mungkin, seperti dalam metode viewDidLoad pengontrol tampilan Anda.

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)
  }
}

@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://google.github.io/webview-ads/test/#api-for-ads-tests

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

• WKWebView terhubung ke Google Mobile Ads SDK

Langkah berikutnya

• Kumpulkan izin di WKWebView. API tampilan Web untuk Iklan tidak menyebarkan 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 pemilik WKWebView dan konten web yang sesuai yang dimonetisasi, bekerjasamalah dengan platform pengelolaan izin Anda untuk mengumpulkan izin dalam konteks WKWebView.