Integracja interfejsu WebView API for Ads

Wybierz platformę: Android iOS Android (starsza wersja)

Interfejsy WebView API for Ads udostępniają sygnały z aplikacji tagom w komponencie WebView, co pomaga zwiększać zarobki wydawców, którzy udostępniają treści, i chronić reklamodawców przed spamem.

Jak to działa

Komunikacja z GMA Next-Gen SDK odbywa się tylko w odpowiedzi na zdarzenia reklamowe wywołane przez:

• Kod AdSense
• Tag wydawcy Google
• IMA dla HTML5

Pakiet SDK dodaje do zarejestrowanego obiektu WebView moduły obsługi wiadomości, aby nasłuchiwać tych zdarzeń reklamowych. Aby lepiej zrozumieć, jak to działa, wyświetl kod źródłowy strony testowej.

Wymagania wstępne

• GMA Next-Gen SDK w wersji 1.0.0 lub nowszej.

Przekazywanie identyfikatora aplikacji do pakietu SDK

Jeśli masz już identyfikator aplikacji AdMob, zainicjuj GMA Next-Gen SDK za pomocą dotychczasowego identyfikatora aplikacji.

Jeśli nie masz identyfikatora aplikacji AdMob, podczas inicjowania GMA Next-Gen SDK podaj InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID jako identyfikator aplikacji.

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

Rejestrowanie komponentu webview

Wywołaj registerWebView() w głównym wątku, aby nawiązać połączenie z modułami obsługi JavaScriptu w kodzie AdSense lub tagu wydawcy Google w każdej instancji WebView. Należy to zrobić jak najwcześniej, np. w metodzie onCreate() klasy 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);
  }
}

Testowanie integracji

Zanim użyjesz własnego adresu URL, zalecamy wczytanie tego adresu URL w celu przetestowania integracji:

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

Jeśli integracja przebiegła pomyślnie, testowy adres URL wyświetla zielone paski stanu, gdy spełnione są te warunki:

• WebView połączono z siecią GMA Next-Gen SDK

Dalsze kroki

• Uzyskaj zgodę w aplikacji WebView. Interfejsy API widoku internetowego na potrzeby reklam nie przekazują do tagów w widokach internetowych zgody zebranej w kontekście aplikacji mobilnej za pomocą zasad zgodności IAB TCF w wersji 2.3 lub IAB CCPA. Jeśli chcesz wdrożyć jeden proces uzyskiwania zgody jako właściciel zarówno aplikacji WebView, jak i odpowiednich treści z internetu, na których zarabiasz, skontaktuj się ze swoją platformą do zarządzania zgodą użytkowników, aby uzyskać zgodę w kontekście aplikacji WebView.