ウェブビューを設定する

[プラットフォームを選択]: Android（ベータ版） 新規 Android iOS

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

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

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

ユーザーの広告エクスペリエンスを改善し、Chrome の Cookie ポリシーとの整合性を保つために、WebView インスタンスでサードパーティの Cookie を有効にしてください。

Java

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

Kotlin

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

ウェブ設定

デフォルトの WebView 設定は広告向けに最適化されていません。 WebSettings API を使用して、WebView を次の用途向けに設定します。

  • JavaScript
  • ローカル ストレージへのアクセス

  • 自動動画再生

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 はウェブビューの収益化に不可欠であり、ネットワーク ベースの URL で loadUrl() を使用した場合にのみ期待どおりに機能します。パフォーマンスを最適化するには、ネットワーク ベースの 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://google.github.io/webview-ads/test/");
  }
}

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://google.github.io/webview-ads/test/")
  }
}

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

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

https://google.github.io/webview-ads/test/

これらの設定が広告に意図した効果をもたらしていることを確認するためです。次の条件が満たされている場合、テスト URL は統合が完了したことを示す成功基準を満たしています。

ウェブビューの設定

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

動画広告

  • 動画広告がインラインで再生され、組み込みの全画面プレーヤーで開かない
  • 動画広告が再生ボタンをクリックしなくても自動的に再生される
  • 動画広告を再生できる

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

次へ
WebView API for Ads を統合する