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 WKWebView'ı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

Google Mobile Ads 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ı WKWebView öğesine mesaj işleyiciler ekler. Bunun nasıl çalıştığını daha iyi anlamak için test sayfasının kaynak kodunu inceleyin.

Uyarı: İstenmeyen yan etkilere yol açabileceğinden WKWebView örneğinizden removeAllScriptMessageHandlers() yöntemini çağırmayın. Gerekirse bunun yerine tek tek mesaj işleyicileri kaldırmak için removeScriptMessageHandler(forName:) yöntemini çağırın.

Ön koşullar

• Google Mobile Ads SDK 9.6.0 veya sonraki bir sürüm.

• Info.plist dosyasını aşağıdaki anahtar ve dize değeriyle güncelleyin. Bu, Google Mobile Ads SDK tarafından yapılan bir kontrolü atlar. Bu kontrol, reklamları web görünümü dışında uygulayan geliştiriciler için geçerli olan bir GADApplicationIdentifier değeri içindir. Bu adımı atlar ve GADApplicationIdentifier sağlamazsanız Google Mobile Ads SDK, uygulama başlatıldığında GADInvalidInitializationException hatası verir.

  <!-- Indicate Google Mobile Ads SDK usage is only for web view APIs for ads -->
  <key>GADIntegrationManager</key>
  <string>webview</string>
  

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

Her WKWebView örneğindeki AdSense kodunda veya Google Yayıncı Etiketi'nde JavaScript işleyicileriyle bağlantı kurmak için ana iş parçacığında register(_:) öğesini çağırın. Bu işlem, mümkün olduğunca erken (ör. görünüm denetleyicinizin viewDidLoad yönteminde) yapılmalıdır.

Swift

import WebKit

class ViewController: UIViewController {

  var webView: WKWebView!

  override func viewDidLoad() {
    super.viewDidLoad()

    // Initialize a WKWebViewConfiguration object.
    let webViewConfiguration = WKWebViewConfiguration()
    // Let HTML videos with a "playsinline" attribute play inline.
    webViewConfiguration.allowsInlineMediaPlayback = true
    // Let HTML videos with an "autoplay" attribute play automatically.
    webViewConfiguration.mediaTypesRequiringUserActionForPlayback = []

    // Initialize the WKWebView with your WKWebViewConfiguration object.
    webView = WKWebView(frame: view.frame, configuration: webViewConfiguration)
    view.addSubview(webView)

    // Register the web view.
    MobileAds.shared.register(webView)
  }
}

Objective-C

@import WebKit;

#import "ViewController.h"

@interface ViewController ()

@property(nonatomic, strong) WKWebView *webView;

@end

@implementation ViewController

- (void)viewDidLoad {
  [super viewDidLoad];

  // Initialize a WKWebViewConfiguration object.
  WKWebViewConfiguration *webViewConfiguration = [[WKWebViewConfiguration alloc] init];
  // Let HTML videos with a "playsinline" attribute play inline.
  webViewConfiguration.allowsInlineMediaPlayback = YES;
  // Let HTML videos with an "autoplay" attribute play automatically.
  webViewConfiguration.mediaTypesRequiringUserActionForPlayback = WKAudiovisualMediaTypeNone;

  // Initialize the WKWebView with your WKWebViewConfiguration object.
  self.webView = [[WKWebView alloc] initWithFrame:self.view.frame configuration:webViewConfiguration];
  [self.view addSubview:self.webView];

  // Register the web view.
  [GADMobileAds.sharedInstance registerWebView:self.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:

• WKWebView, Google Mobile Ads SDK ağına bağlandı

Sonraki adımlar

• WKWebView 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 WKWebView uygulamasının hem de para kazanılan ilgili web içeriğinin sahibi olarak tek bir izin akışı uygulamak istiyorsanız WKWebView bağlamında izin almak için kullanıcı rızası yönetim platformunuzla birlikte çalışın.