Mengintegrasikan WebView API untuk Iklan

API tampilan web untuk iklan membuat sinyal aplikasi tersedia untuk tag di WebView, sehingga membantu meningkatkan monetisasi bagi penayang yang menyediakan konten dan melindungi pengiklan dari spam. Sinyal aplikasi ini, seperti ID aplikasi dan versi aplikasi, membantu mengaktifkan kasus penggunaan Pelaporan dan Menargetkan inventaris browser dalam aplikasi yang jika tidak, hanya tersedia di traffic aplikasi.

Cara kerjanya

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

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

Prasyarat

Meneruskan ID aplikasi ke SDK

Jika Anda sudah memiliki ID aplikasi Ad Manager, lakukan inisialisasi Google Mobile Ads SDK (beta) dengan ID aplikasi yang ada.

Jika Anda tidak memiliki ID aplikasi Ad Manager, teruskan InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID sebagai ID aplikasi saat Anda melakukan inisialisasi Google Mobile Ads SDK (beta).

Kotlin

MobileAds.initialize(
    this@MainActivity,
    // Use this application ID to initialize the Google Mobile Ads SDK (beta) if
    // you don't have an Ad Manager application ID.
    InitializationConfig.Builder(InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID)
        .build(),
  ) {
    // Adapter initialization complete.
  }

Java

MobileAds.initialize(
    this,
    // Use this application ID to initialize the Google Mobile Ads SDK (beta) if
    // you don't have an Ad Manager application ID.
    new InitializationConfig.Builder(InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID)
        .build(),
        initializationStatus -> {
          // Adapter initialization is complete.
          });

Mendaftarkan tampilan web

Panggil registerWebView() di thread utama untuk membuat koneksi dengan handler JavaScript dalam kode AdSense atau Google Publisher Tag di setiap instance WebView. Hal ini harus dilakukan sesegera mungkin, seperti dalam metode onCreate() pada MainActivity Anda.

Kotlin

import android.webkit.CookieManager
import android.webkit.WebView
import com.google.android.libraries.ads.mobile.sdk.MobileAds

class MainActivity : AppCompatActivity() {
  lateinit var webView: WebView

  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    webView = findViewById(R.id.webview)

    // Let the web view accept third-party cookies.
    CookieManager.getInstance().setAcceptThirdPartyCookies(webView, true)
    // Let the web view use JavaScript.
    webView.settings.javaScriptEnabled = true
    // Let the web view access local storage.
    webView.settings.domStorageEnabled = true
    // Let HTML videos play automatically.
    webView.settings.mediaPlaybackRequiresUserGesture = false

    // Register the web view.
    MobileAds.registerWebView(webView)
  }
}

Java

import android.webkit.CookieManager;
import android.webkit.WebView;
import com.google.android.libraries.ads.mobile.sdk.MobileAds;

public class MainActivity extends AppCompatActivity {
  private WebView webView;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    webView = findViewById(R.id.webview);

    // Let the web view accept third-party cookies.
    CookieManager.getInstance().setAcceptThirdPartyCookies(webView, true);
    // Let the web view use JavaScript.
    webView.getSettings().setJavaScriptEnabled(true);
    // Let the web view access local storage.
    webView.getSettings().setDomStorageEnabled(true);
    // Let HTML videos play automatically.
    webView.getSettings().setMediaPlaybackRequiresUserGesture(false);

    // Register the web view.
    MobileAds.registerWebView(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:

  • WebView terhubung ke Google Mobile Ads SDK (beta)

Langkah berikutnya

  • Kumpulkan izin di WebView. 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 WebView dan konten web terkait yang dimonetisasi, bekerjasamalah dengan platform pengelolaan izin Anda untuk mengumpulkan izin dalam konteks WebView.