Reklamlar için WebView API'yi entegre etme

Reklamlar için web görünümü API'leri, uygulama sinyalleriniWKWebViewetiketinizdeki etiketler için kullanılabilir hale getirerek içeriği sağlayan yayıncıların daha fazla para kazanmasına ve reklamverenleri spam'e karşı korumaya yardımcı olur. Uygulama kimliği ve uygulama sürümü gibi bu uygulama sinyalleri, 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ı 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 görüntüleyin.

Uyarı: removeAllScriptMessageHandlers() uygulamasının istenmeyen yan etkileri olabileceği için WKWebView örneğinizden çağrı yapmayın. Gerekirse mesaj işleyicilerini tek tek kaldırmak için removeScriptMessageHandler(forName:) numaralı telefonu arayın.

Ön koşullar

• Google Mobile Ads SDK'sı sürüm 9.6.0 veya üstü.

• Info.plist dosyasını aşağıdaki anahtar ve dize değeriyle güncelleyin. Bu, Google Mobile Ads SDK'sının 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 GADApplicationIdentifier sağlamazsanız Google Mobile Ads SDK'sı uygulama başlangıcında bir GADInvalidInitializationException atar.

  <!-- 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 kodundaki veya Google Yayıncı Etiketi'ndeki JavaScript işleyicileriyle bağlantı oluşturmak için ana ileti dizisinde register(_:) numarasını arayın. WKWebView Bu işlem, görünüm denetleyicinizin viewDidLoad yöntemi gibi mümkün olduğunca erken 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.
    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, entegrasyonu test etmek için aşağıdaki URL'yi yüklemenizi öneririz:

https://webview-api-for-ads-test.glitch.me#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'sına bağlandı

Sonraki adımlar

• WKWebViewuygulamasında izin alın. Reklamlar için Web Görünümü API'leri, mobil uygulama bağlamında toplanan izni IAB TCF 2.0 sürümü veya IAB CCPA uyumluluk çerçevelerini kullanarak web görünümlerinizdeki etiketlere yaymaz. HemWKWebView hem de bu içerikte ilgili web içeriğinin sahibi olduğundan para kazanmak için tek bir izin akışı uygulamak istiyorsanız kullanıcı rızası yönetim platformunuzla birlikte çalışarak WKWebView bağlamda izin alın.