Как интегрировать WebView API for Ads

Выберите платформу: Android iOS Android (устаревшая версия)

WebView API для Google Рекламы позволяет передавать тегам в WebView сигналы из приложений. Это помогает издателям, предоставившим контент, повысить доход от рекламы, а рекламодателям – защититься от спама.

Принцип работы

Обмен данными с GMA Next-Gen SDK происходит только в ответ на события объявлений, вызванные следующими действиями:

• Код AdSense
• Google Publisher Tag
• IMA для HTML5

SDK добавляет обработчики сообщений в зарегистрированный объект WebView, чтобы отслеживать эти события. Чтобы лучше понять, как это работает, посмотрите исходный код тестовой страницы.

Требования

• GMA Next-Gen SDK версии 1.0.0 или более поздней.

Передайте идентификатор приложения в SDK

Если у вас уже есть идентификатор приложения AdMob, инициализируйте GMA Next-Gen SDK с его помощью.

Если у вас нет идентификатора приложения AdMob, передайте InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID в качестве идентификатора приложения при инициализации GMA Next-Gen SDK.

Kotlin

MobileAds.initialize(
    this@MainActivity,
    // Use this application ID to initialize the GMA Next-Gen SDK if
    // you don't have an AdMob 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 GMA Next-Gen SDK if
    // you don't have an AdMob application ID.
    new InitializationConfig.Builder(InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID)
        .build(),
        initializationStatus -> {
          // Adapter initialization is complete.
          });

Зарегистрируйте веб-просмотр

Вызовите registerWebView() в основном потоке, чтобы установить связь с обработчиками JavaScript в коде AdSense или теге Google Publisher Tag в каждом экземпляре WebView. Это нужно сделать как можно раньше, например в методе onCreate() класса MainActivity.

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

Тестирование интеграции

Прежде чем использовать собственный URL, рекомендуем загрузить следующий URL, чтобы протестировать интеграцию:

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

Если интеграция выполнена успешно, то в тестовом URL будут показаны зеленые строки состояния. Это происходит при соблюдении следующих условий:

• WebView подключено к устройству "GMA Next-Gen SDK"

Дальнейшие действия

• Запросите согласие в WebView. API WebView для рекламы не передает тегам в представлениях WebView информацию о согласии, полученном в мобильном приложении с помощью фреймворков IAB TCF версии 2.3 или IAB CCPA. Если вы хотите реализовать единый процесс получения согласия как владелец WebView и соответствующего монетизируемого веб-контента, обратитесь к своей платформе для запросов согласия, чтобы собирать согласие в контексте WebView.