WebView API for Ads を統合する

広告用のウェブビュー API を使用すると、WKWebView のタグでアプリのシグナルを利用できるようになり、コンテンツを提供したパブリッシャーの収益化を改善し、スパムから広告主を保護できます。

仕組み

Google Mobile Ads SDK との通信は、次のいずれかによってトリガーされた広告イベントへの応答でのみ行われます。

SDK は、登録された WKWebView にメッセージ ハンドラを追加して、これらの広告イベントをリッスンします。この仕組みをよりよく理解するには、テストページのソースコードをご覧ください。

前提条件

  • Google Mobile Ads SDK バージョン 9.6.0 以降。

  • 次のキーと文字列値で Info.plist ファイルを更新します。これにより、ウェブビューの外で広告を実装するデベロッパーに適用される GADApplicationIdentifier 値について、Google Mobile Ads SDK が行うチェックがバイパスされます。この手順を行わず、GADApplicationIdentifier を指定しないと、アプリの起動時に Google Mobile Ads SDK により GADInvalidInitializationException がスローされます。

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

ウェブビューを登録する

メインスレッドで register(_:) を呼び出して、各 WKWebView インスタンス内の AdSense コードまたは Google パブリッシャー タグの JavaScript ハンドラとの接続を確立します。これは、ビュー コントローラの viewDidLoad メソッドなど、できるだけ早い段階で行う必要があります。

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];
}

統合をテストする

独自の URL を使用する前に、次の URL を読み込んで統合をテストすることをおすすめします。

https://google.github.io/webview-ads/test/#api-for-ads-tests

次の条件が満たされている場合、テスト URL には統合が成功したことを示す緑色のステータスバーが表示されます。

  • WKWebView が Google Mobile Ads SDK に接続されている

次のステップ

  • WKWebView で同意を取得します。広告用の WebView API は、IAB TCF v2.0 または IAB CCPA コンプライアンス フレームワークを使用してモバイルアプリのコンテキストで収集された同意を、WebView のタグに伝播しません。WKWebView と、収益化対象の対応するウェブ コンテンツの両方の所有者として、単一の同意フローを実装する場合は、同意管理プラットフォームと連携して、WKWebView のコンテキストで同意を取得します。
前へ
使ってみる
次へ
クリック動作を最適化する