WebView API for Ads を統合する

広告用のウェブビュー API を使用すると、WebView のタグでアプリのシグナルを利用できるようになり、コンテンツを提供したパブリッシャーの収益化を改善し、スパムから広告主を保護できます。

仕組み

Google Mobile Ads SDK との通信は、次のいずれかによってトリガーされた広告イベントへの応答でのみ行われます。

SDK は、登録された WebView にメッセージ ハンドラを追加して、これらの広告イベントをリッスンします。この仕組みをよりよく理解するには、テストページのソースコードをご覧ください。

前提条件

  • Google Mobile Ads SDK バージョン 20.6.0 以降。

  • Android API レベル 21 以上。

  • APPLICATION_ID のチェックをバイパスするために、AndroidManifest.xml ファイルに次の <meta-data> タグを追加します。この手順を行わずに <meta-data> タグを指定しないと、アプリの起動時に Google Mobile Ads SDK により IllegalStateException がスローされます。

    <!-- Bypass APPLICATION_ID check for web view APIs for ads -->
 <meta-data
     android:name="com.google.android.gms.ads.INTEGRATION_MANAGER"
     android:value="webview"/>

ウェブビューを登録する

メインスレッドで registerWebView() を呼び出して、各 WebView インスタンス内の AdSense コードまたは Google パブリッシャー タグの JavaScript ハンドラとの接続を確立します。これは、できるだけ早い段階で行う必要があります。たとえば、MainActivity の onCreate() メソッドで行います。

Kotlin

import android.webkit.CookieManager
import android.webkit.WebView
import com.google.android.gms.ads.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.gms.ads.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);
  }
}

統合をテストする

独自の URL を使用する前に、次の URL を読み込んで統合をテストすることをおすすめします。

https://google.github.io/webview-ads/test/#api-for-ads-tests

次の条件が満たされている場合、テスト URL には統合が成功したことを示す緑色のステータスバーが表示されます。

  • WebView が Google Mobile Ads SDK に接続されている

次のステップ

  • WebView で同意を取得します。広告用の WebView API は、IAB TCF v2.0 または IAB CCPA コンプライアンス フレームワークを使用してモバイルアプリのコンテキストで収集された同意を、WebView のタグに伝播しません。WebView と、収益化対象の対応するウェブ コンテンツの両方の所有者として、単一の同意フローを実装する場合は、同意管理プラットフォームと連携して、WebView のコンテキストで同意を取得します。
前へ
WebView を設定する
次へ
クリック操作を最適化する