Reklamlar için WebView API'yi entegre etme

Reklamlar için web görünümü API'leri, uygulama sinyalleriniWKWebView'ünüzdeki etiketler tarafından kullanılabilir hale getirir. Böylece, içeriği sağlayan yayıncıların para kazanmasını iyileştirir ve reklamverenleri spam'den korur. 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ı etkinleştirmeye yardımcı olur.

İş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:

SDK, bu reklam etkinliklerini dinlemek için kayıtlıWKWebView 'ye mesaj işleyicileri 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 9.6.0 veya daha yeni bir sürüm.
  • Info.plist dosyasını aşağıdaki anahtar ve dize değeriyle güncelleyin. Bu, Google Mobile Ads SDK'sının bir web görünümünün dışında reklam uygulayan geliştiriciler için geçerli olan GADApplicationIdentifier değeri için yaptığı kontrolü atlar. Bu adımı atlar ve bir GADApplicationIdentifier sağlamazsanız Google Mobile Ads SDK'sı uygulama başlatıldığında bir GADInvalidInitializationException oluşturur.

    <!-- 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 bir örnekteki AdSense kodunda veya Google Yayıncı Etiketi'nde JavaScript işleyicileriyle bağlantı kurmak için ana iş parçacığında register(_:) WKWebView çağrısı yapın. Bu işlem, mümkün olduğunca erken yapılmalıdır. Örneğin, görünüm denetleyicinizin viewDidLoad yönteminde.

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.
    GADMobileAds.sharedInstance().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 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:

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

Sonraki adımlar

  • WKWebView'te izin alın. Ads 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. HemWKWebView 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.