Reklamlar için WebView API'yi entegre etme

Reklamlar için web görünümü API'leri, uygulama sinyallerini WebView'daki etiketlere sunar. Böylece, içeriği sağlayan yayıncıların para kazanmasını iyileştirir ve reklamverenleri spam'den korur.

İşleyiş şekli

Google Mobile Ads SDK'sı 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'e mesaj işleyiciler ekler. Bunun işleyiş şeklini daha iyi anlamak için test sayfasının kaynak kodunu görüntüleyin.

Ön koşullar

• Google Mobile Ads SDK 20.6.0 veya daha yeni bir sürüm.

• Android API düzeyi 21 veya sonraki sürümler.

• APPLICATION_ID kontrolünü atlamak için AndroidManifest.xml dosyanıza aşağıdaki <meta-data> etiketini ekleyin. Bu adımı atlar ve <meta-data> etiketini sağlamazsanız Google Mobile Ads SDK'sı uygulama başlatılırken IllegalStateException hatası verir.

  <!-- Bypass APPLICATION_ID check for web view APIs for ads -->
   <meta-data
       android:name="com.google.android.gms.ads.INTEGRATION_MANAGER"
       android:value="webview"/>
  

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

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

Kotlin

import android.webkit.CookieManager
import android.webkit.WebView
import com.google.android.gms.ads.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.gms.ads.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 entegrasyonunuzu test etmek için aşağıdaki URL'yi yüklemenizi öneririz:

https://webview-api-for-ads-test.glitch.me#api-for-ads-tests

Test URL'sinde, aşağıdaki koşullar geçerliyse başarılı bir entegrasyon için yeşil durum çubukları gösterilir:

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

Sonraki adımlar

• WebView'te izin alın. Reklamlar için Web Görünümü API'leri, IAB TCF 2.0 veya IAB CCPA uygunluk çerçevelerini kullanarak mobil uygulama bağlamında toplanan izni web görünümlerinizdeki etiketlere dağıtmaz. 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 almak için izin yönetim platformunuzla birlikte çalışın.