WKWebView tıklama davranışını optimize edin

Uygulamanız iOS WKWebView web içeriğini göstermek için tıklama davranışını aşağıdaki nedenlerle optimize etmeyi düşünmelisiniz:

  • WKWebView bunu yapmıyor . sekmeli tarama. Yeni bir sekme açmaya çalışan reklam tıklamaları varsayılandır. .

  • Aynı sekmede açılan reklam tıklamaları sayfayı yeniden yükler. Paydaşların ekip genelinde reklam tıklaması WKWebView dışında açılacak (örneğin H5 barındırıyorsanız) ve çocukları her oyunun durumunu ayarlamaya çalışır.

  • Otomatik Doldurma, WKWebView ürünündeki kredi kartı bilgilerini desteklemez. Bu reklamverenler için daha az e-ticaret dönüşümü sağlar. Bu da web içeriğinden para kazanma.

Bu kılavuzda, mobil cihazlarda tıklama davranışını optimize etmek için önerilen adımlar sunulmaktadır korunduğundan emin olun.

Ön koşullar

Uygulama

Reklam bağlantılarında href hedef özelliği _blank, _top, _self veya _parent. . Ad Manager ile hedef özelliği _blank veya _top olacak şekilde kontrol edebilirsiniz reklamları yeni bir sekmede açılacak şekilde ayarlayarak veya pencere. . Reklam bağlantıları, window.open(url, "_blank").

Aşağıdaki tabloda, bu bağlantıların her birinin bir web görünümünde nasıl davrandığı açıklanmaktadır.

href hedef özelliği Varsayılan WKWebView tıklama davranışı
target="_blank" Bağlantı, web görünümü tarafından işlenmez.
target="_top" Bağlantıyı mevcut web görünümünde yeniden yükle.
target="_self" Bağlantıyı mevcut web görünümünde yeniden yükle.
target="_parent" Bağlantıyı mevcut web görünümünde yeniden yükle.
JavaScript işlevi Varsayılan WKWebView tıklama davranışı
window.open(url, "_blank") Bağlantı, web görünümü tarafından işlenmez.

Google Ads hesabınızdaki tıklama davranışını optimize etmek için WKWebView örnek:

  1. WKWebView cihazınızda WKUIDelegate özelliğini ayarlayın kullanır.

  2. Cihazınızda WKNavigationDelegate WKWebView örneği.

    ziyaret edin.
  3. Tıklama URL'sinin davranışının optimize edilip edilmeyeceğini belirleyin.

    • navigationType özelliğinin WKNavigationAction nesnesi bir optimize etmek istediğiniz tıklama türünü seçin. Kod snippet'i, .linkActivated için ve yalnızca href özelliğine sahip bir bağlantıya yapılan tıklamalar için geçerlidir.

    • targetFrame bağlantısını kontrol edin. özelliğini WKNavigationAction nesnesinde kullanabilirsiniz. nil değerini döndürürse bu, yeni bir pencere açılır. WKWebView şu işlemi yapamadığı için: bu tıklamalar manuel olarak yönetilmelidir.

  4. URL'yi harici bir tarayıcıda açıp açmayacağınıza karar verin SFSafariViewController veya mevcut web görünümünü Kod snippet'i, sayfadan çıkan URL'lerin nasıl açılacağını gösterir bir SFSafariViewController sunarak siteden farklı olabilir.

Kod örneği

Aşağıdaki kod snippet'i, web görünümü tıklama davranışının nasıl optimize edileceğini gösterir. Farklı geçerli alanın hedef alandan farklı olup olmadığını kontrol eder. Kullanacağınız kriterler farklılık gösterebileceği için bu sadece tek bir yaklaşımdır.

Swift

import GoogleMobileAds
import SafariServices
import WebKit

class ViewController: UIViewController, WKNavigationDelegate, WKUIDelegate {

  override func viewDidLoad() {
    super.viewDidLoad()

    // ... Register the WKWebView.

    // 1. Set the WKUIDelegate on your WKWebView instance.
    webView.uiDelegate = self;
    // 2. Set the WKNavigationDelegate on your WKWebView instance.
    webView.navigationDelegate = self
  }

  // Implement the WKUIDelegate method.
  func webView(
      _ webView: WKWebView,
      createWebViewWith configuration: WKWebViewConfiguration,
      for navigationAction: WKNavigationAction,
      windowFeatures: WKWindowFeatures) -> WKWebView? {
    guard let url = navigationAction.request.url,
        let currentDomain = webView.url?.host,
        let targetDomain = url.host else { return nil }

    // 3. Determine whether to optimize the behavior of the click URL.
    if didHandleClickBehavior(
        url: url,
        currentDomain: currentDomain,
        targetDomain: targetDomain,
        navigationAction: navigationAction) {
      print("URL opened in SFSafariViewController.")
    }

    return nil
  }

  // Implement the WKNavigationDelegate method.
  func webView(
      _ webView: WKWebView,
      decidePolicyFor navigationAction: WKNavigationAction,
      decisionHandler: @escaping (WKNavigationActionPolicy) -> Void)
  {
    guard let url = navigationAction.request.url,
        let currentDomain = webView.url?.host,
        let targetDomain = url.host else { return decisionHandler(.cancel) }

    // 3. Determine whether to optimize the behavior of the click URL.
    if didHandleClickBehavior(
        url: url,
        currentDomain: currentDomain,
        targetDomain: targetDomain,
        navigationAction: navigationAction) {
      return decisionHandler(.cancel)
    }

    decisionHandler(.allow)
  }

  // Implement a helper method to handle click behavior.
  func didHandleClickBehavior(
      url: URL,
      currentDomain: String,
      targetDomain: String,
      navigationAction: WKNavigationAction) -> Bool {
    // Check if the navigationType is a link with an href attribute or
    // if the target of the navigation is a new window.
    guard navigationAction.navigationType == .linkActivated ||
      navigationAction.targetFrame == nil,
      // If the current domain does not equal the target domain,
      // the assumption is the user is navigating away from the site.
      currentDomain != targetDomain else { return false }

    // 4.  Open the URL in a SFSafariViewController.
    let safariViewController = SFSafariViewController(url: url)
    present(safariViewController, animated: true)
    return true
  }
}

Objective-C

@import GoogleMobileAds;
@import SafariServices;
@import WebKit;

@interface ViewController () <WKNavigationDelegate, WKUIDelegate>

@property(nonatomic, strong) WKWebView *webView;

@end

@implementation ViewController

- (void)viewDidLoad {
  [super viewDidLoad];

  // ... Register the WKWebView.

  // 1. Set the WKUIDelegate on your WKWebView instance.
  self.webView.uiDelegate = self;
  // 2. Set the WKNavigationDelegate on your WKWebView instance.
  self.webView.navigationDelegate = self;
}

// Implement the WKUIDelegate method.
- (WKWebView *)webView:(WKWebView *)webView
  createWebViewWithConfiguration:(WKWebViewConfiguration *)configuration
             forNavigationAction:(WKNavigationAction *)navigationAction
                  windowFeatures:(WKWindowFeatures *)windowFeatures {
  NSURL *url = navigationAction.request.URL;
  NSString *currentDomain = webView.URL.host;
  NSString *targetDomain = navigationAction.request.URL.host;

  // 3. Determine whether to optimize the behavior of the click URL.
  if ([self didHandleClickBehaviorForURL: url
      currentDomain: currentDomain
      targetDomain: targetDomain
      navigationAction: navigationAction]) {
    NSLog(@"URL opened in SFSafariViewController.");
  }

  return nil;
}

// Implement the WKNavigationDelegate method.
- (void)webView:(WKWebView *)webView
    decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction
                    decisionHandler:
                        (void (^)(WKNavigationActionPolicy))decisionHandler {
  NSURL *url = navigationAction.request.URL;
  NSString *currentDomain = webView.URL.host;
  NSString *targetDomain = navigationAction.request.URL.host;

  // 3. Determine whether to optimize the behavior of the click URL.
  if ([self didHandleClickBehaviorForURL: url
      currentDomain: currentDomain
      targetDomain: targetDomain
      navigationAction: navigationAction]) {

    decisionHandler(WKNavigationActionPolicyCancel);
    return;
  }

  decisionHandler(WKNavigationActionPolicyAllow);
}

// Implement a helper method to handle click behavior.
- (BOOL)didHandleClickBehaviorForURL:(NSURL *)url
                       currentDomain:(NSString *)currentDomain
                        targetDomain:(NSString *)targetDomain
                    navigationAction:(WKNavigationAction *)navigationAction {
  if (!url || !currentDomain || !targetDomain) {
    return NO;
  }

  // Check if the navigationType is a link with an href attribute or
  // if the target of the navigation is a new window.
  if ((navigationAction.navigationType == WKNavigationTypeLinkActivated
      || !navigationAction.targetFrame)
      // If the current domain does not equal the target domain,
      // the assumption is the user is navigating away from the site.
      && ![currentDomain isEqualToString: targetDomain]) {

     // 4.  Open the URL in a SFSafariViewController.
    SFSafariViewController *safariViewController =
        [[SFSafariViewController alloc] initWithURL:url];
    [self presentViewController:safariViewController animated:YES
        completion:nil];
    return YES;
  }

  return NO;
}

Sayfa gezinmenizi test etme

Sayfada gezinme değişikliklerinizi test etmek için

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

web görünümünüze ekleyebilirsiniz. Farklı bağlantı türlerinin her birini tıklayarak, tespit etmiş olursunuz.

Kontrol etmeniz gereken şeylerden bazıları aşağıda belirtilmiştir:

  • Her bağlantı, hedeflenen URL'yi açar.
  • Uygulamaya döndüğünüzde test sayfasının sayacı sıfıra sıfırlanmaz emin olun.