WebView を設定する

Android アプリでWebView を使用してウェブ コンテンツを表示している場合は、広告でコンテンツを最適に収益化できるように設定することをおすすめします。

このガイドでは、WebView オブジェクトの構成方法について説明します。

サードパーティ Cookie を有効にする

ユーザー エクスペリエンスを向上させ、Chrome の Cookie ポリシーとの整合性を保つには、WebView インスタンスでサードパーティ Cookie を有効にします。

Java

CookieManager.getInstance().setAcceptThirdPartyCookies(webView, true);

Kotlin

CookieManager.getInstance().setAcceptThirdPartyCookies(webView, true)

ウェブ設定

Default WebView settings are not optimized for ads. Use the WebSettings APIs to configure your WebView for:

  • JavaScript
  • Access to local storage
  • Automatic video play

Java

import android.webkit.CookieManager;
import android.webkit.WebView;

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

Kotlin

import android.webkit.CookieManager
import android.webkit.WebView

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

ウェブビューのコンテンツを読み込む

Cookie とページ URL はウェブビューのパフォーマンスに重要であり、 loadUrl() をネットワーク ベースの URL とともに使用する場合にのみ想定どおりに機能します。パフォーマンスを最適化するため、はネットワーク ベースの URL からウェブ コンテンツを直接読み込みます。WebViewAssetLoader の使用、デバイスからのアセットの読み込み、ウェブ コンテンツの動的な生成は避けてください。 WebView

Java

import android.webkit.CookieManager;
import android.webkit.WebView;

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

    // Load the URL for optimized web view performance.
    webView.loadUrl("https://webview-api-for-ads-test.glitch.me");
  }
}

Kotlin

import android.webkit.CookieManager
import android.webkit.WebView

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

    // Load the URL for optimized web view performance.
    webView.loadUrl("https://webview-api-for-ads-test.glitch.me")
  }
}

ウェブビューをテストする

アプリの開発時には、次のテスト URL を読み込むことをおすすめします。

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

これらの設定が広告に対して意図した効果を発揮するかどうかを検証してください。次の条件が満たされている場合、テスト URL には完全な統合の成功基準が含まれています。

ウェブビューの設定

  • サードパーティ Cookie が機能する
  • ファーストパーティの Cookie が機能する
  • JavaScript が有効
  • DOM ストレージが有効

動画広告

  • 動画広告はインラインで再生され、全画面表示の組み込みプレーヤーでは開きません。
  • 動画広告は、再生ボタンをクリックしなくても自動的に再生されます。
  • 動画広告がリプレイ可能な場合

テストが完了したら、テスト URL をウェブビューが読み込む URL に置き換えます。