Integracja interfejsu WebView API for Ads

Wybierz platformę: Android Android iOS

Dzięki interfejsowi WebView API for Ads tagi w komponencie WebView mogą korzystać z sygnałów z aplikacji. Pomaga to zwiększać zarobki wydawców, którzy udostępniają treści, i chronić reklamodawców przed spamem.

Jak to działa

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

• kod AdSense,
• tag wydawcy Google,
• IMA do HTML5.

Pakiet SDK dodaje moduły obsługi wiadomości do zarejestrowanego komponentu WebView, 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 0.6.0-alpha01 lub nowszej.

Przekazywanie identyfikatora aplikacji do pakietu SDK

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

Jeśli nie masz identyfikatora aplikacji AdMob, przekaż InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID jako identyfikator aplikacji podczas inicjowania 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.
          });

Rejestrowanie komponentu WebView

Aby nawiązać połączenie z modułami obsługi JavaScript w kodzie AdSense lub tagu wydawcy Google w każdej instancji WebView, wywołaj registerWebView() w wątku głównym. 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 zaczniesz używać własnego adresu URL, zalecamy wczytanie tego adresu URL, aby przetestować integrację:

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

Jeśli integracja się uda, na stronie testowej pojawią się zielone paski stanu, pod warunkiem że:

• WebView połączony z GMA Next-Gen SDK

Dalsze kroki

• Zbieranie zgody w komponencie WebView. Interfejs WebView API for Ads nie propaguje zgody zebranej w kontekście aplikacji mobilnej za pomocą zasad IAB dotyczących przejrzystości i uzyskiwania zgody na przetwarzanie danych w wersji 2.0 ani zasad IAB dotyczących zgodności z CCPA do tagów w widokach internetowych. Jeśli jako właściciel komponentu WebView i odpowiadającej mu treści internetowej, na której zarabiasz, chcesz wdrożyć jeden proces uzyskiwania zgody, współpracuj z platformą do zarządzania zgodą użytkowników, aby zbierać zgodę w kontekście WebView.