Reklamlar için WebView API'yi entegre etme

Reklamlar için web görünümü API'leri, uygulama sinyallerini WebView'nızdaki etiketlerin kullanımına sunarak içeriği sağlayan yayıncıların para kazanma oranını artırmaya ve reklamverenleri spam'den korumaya yardımcı olur. Uygulama kimliği ve uygulama sürümü gibi bu uygulama sinyalleri, aksi takdirde yalnızca uygulama trafiğinde kullanılabilen raporlama ve uygulama içi tarayıcı envanterini hedefleme kullanım alanlarının etkinleştirilmesine yardımcı olur.

İşleyiş şekli

Google Mobile Ads SDK'sı (beta) ile iletişim yalnızca aşağıdakilerden herhangi biri tarafından tetiklenen reklam etkinliklerine yanıt olarak gerçekleşir:

SDK, bu reklam etkinliklerini dinlemek için kayıtlı WebView öğesine ileti işleyiciler ekler. Bu özelliğin nasıl çalıştığını daha iyi anlamak için test sayfasının kaynak kodunu inceleyin.

Ön koşullar

Uygulama kimliğini SDK'ya iletme

Zaten bir Ad Manager uygulama kimliğiniz varsa mevcut uygulama kimliğinizle Google Mobile Ads SDK'sını (beta) başlatın.

Ad Manager uygulama kimliğiniz yoksa Google Mobile Ads SDK'sını (beta) başlatırken uygulama kimliği olarak InitializationConfig.WEBVIEW_APIS_FOR_ADS_APPLICATION_ID değerini iletin.

Kotlin

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

Web görünümünü kaydetme

Her WebView örneğinde AdSense kodundaki veya Google yayıncı etiketindeki JavaScript işleyicileriyle bağlantı kurmak için ana iş parçacığında registerWebView() çağrısı yapın. Bu işlem, mümkün olduğunca erken yapılmalıdır. Örneğin, MainActivity öğenizin onCreate() yönteminde yapılabilir.

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

Entegrasyonunuzu test etme

Kendi URL'nizi kullanmadan önce entegrasyonu test etmek için aşağıdaki URL'yi yüklemenizi öneririz:

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

Aşağıdaki koşullar geçerliyse test URL'si, başarılı bir entegrasyon için yeşil durum çubukları gösterir:

  • WebView Google Mobile Ads SDK'sına (beta) bağlı

Sonraki adımlar

  • WebView'da kullanıcı rızası alın. Reklamlar için Web görünümü API'leri, IAB TCF 2.0 veya IAB CCPA uygunluk çerçeveleri kullanılarak mobil uygulama bağlamında toplanan kullanıcı rızasını web görünümlerinizdeki etiketlere yaymaz. Hem WebView hem de para kazanılan ilgili web içeriğinin sahibi olarak tek bir izin akışı uygulamak istiyorsanız WebView bağlamında izin toplamak için Kullanıcı Rızası Yönetim Platformunuzla birlikte çalışın.