Mengintegrasikan WebView API untuk Iklan

Pilih platform: Android iOS Android (Lama)

WebView API untuk iklan menyediakan sinyal aplikasi untuk tag di WKWebView Anda, sehingga membantu meningkatkan monetisasi bagi para 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 Penayang Google
• IMA untuk HTML5

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

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

Prasyarat

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

• Perbarui file Info.plist dengan kunci dan nilai string berikut. Tindakan ini akan 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(_:) pada thread utama untuk membuat koneksi dengan pengendali JavaScript dalam kode AdSense atau Tag Penayang Google dalam setiap instance WKWebView. Hal ini harus dilakukan sedini mungkin, seperti dalam metode viewDidLoad 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.
    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];
}

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 akan menampilkan status bar hijau untuk integrasi yang berhasil jika kondisi berikut terpenuhi:

• WKWebView terhubung ke Google Mobile Ads SDK

Langkah berikutnya

• Kumpulkan izin di WKWebView. Web view API untuk Iklan tidak menyebarkan izin yang dikumpulkan dalam konteks aplikasi seluler menggunakan framework kepatuhan IAB TCF v2.3 atau IAB CCPA ke tag dalam tampilan web Anda. Jika Anda tertarik untuk menerapkan alur izin tunggal sebagai pemilik WKWebView dan konten web terkait yang dimonetisasi, hubungi platform pengelolaan izin Anda untuk mengumpulkan izin dalam konteks WKWebView.