Reklamlar için WebView API'yi entegre etme

Platform seçin: Android iOS Android (Eski)

Reklamlar için web görünümü API'leri, uygulama sinyallerini WebView'ınızdaki etiketlerin erişimine sunarak ilgili içeriği sağlayan yayıncıların daha fazla para kazanmalarına ve reklamverenleri spam'den korumaya yardımcı olur.

İşleyiş şekli

GMA Next-Gen SDK ile iletişim yalnızca aşağıdakilerden herhangi biri tarafından tetiklenen reklam etkinliklerine yanıt olarak gerçekleşir:

• AdSense kodu
• Google Yayıncı Etiketi
• HTML5 için IMA

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

Ön koşullar

• GMA Next-Gen SDK sürüm 1.0.0 veya sonraki sürümler.

Uygulama kimliğini SDK'ya iletme

Zaten bir AdMob uygulama kimliğiniz varsa GMA Next-Gen SDK öğesini mevcut uygulama kimliğinizle ilk kullanıma hazırlayın.

AdMob uygulama kimliğiniz yoksa GMA Next-Gen SDK'i ilk kullanıma hazırlarken 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 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.
          });

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

Her WebView örneğindeki AdSense kodunda veya Google Yayıncı Etiketi'nde JavaScript işleyicileriyle bağlantı kurmak için ana iş parçacığında registerWebView() öğesini çağırın. Bu işlem, mümkün olduğunca erken (ör. MainActivity uygulamanızın onCreate() yönteminde) yapılmalıdır.

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 edin

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, GMA Next-Gen SDK ağına bağlandı

Sonraki adımlar

• WebView için izin alın. Reklamlar için Web Görünümü API'leri, IAB TCF 2.3 sürümü veya IAB CCPA uyumluluk çerçeveleri kullanılarak mobil uygulama bağlamında toplanan rızayı web görünümlerinizdeki etiketlere yaymaz. Hem WebView uygulamasının hem de para kazanılan ilgili web içeriğinin sahibi olarak tek bir izin akışı uygulamak istiyorsanız WebView bağlamında izin almak için kullanıcı rızası yönetim platformunuzla birlikte çalışın.