ผสานรวม WebView API สำหรับโฆษณา

Web View API สําหรับโฆษณาทําให้สัญญาณของแอปใช้ได้กับแท็กใน WKWebViewเพื่อปรับปรุงการสร้างรายได้สำหรับ ผู้เผยแพร่เนื้อหาที่จัดหาเนื้อหาและปกป้องผู้ลงโฆษณาจากสแปม สัญญาณของแอปเหล่านี้ เช่น รหัสแอปและเวอร์ชันของแอป จะช่วยเปิดใช้งานการรายงาน และกำหนดเป้าหมายพื้นที่โฆษณาในเบราว์เซอร์ในแอป กรณีการใช้งานที่มีให้ใช้งานเฉพาะในการเข้าชมแอปเท่านั้น

วิธีการทำงาน

การสื่อสารกับ Google Mobile Ads SDK จะเกิดขึ้นตอบกับโฆษณาเท่านั้น เหตุการณ์ใดๆ ต่อไปนี้

• โค้ด AdSense
• แท็กผู้เผยแพร่โฆษณาผ่าน Google
• IMA สำหรับ HTML5

SDK เพิ่มเครื่องจัดการข้อความลงใน WKWebView เพื่อรับฟังเหตุการณ์โฆษณาเหล่านี้ เพื่อสิ่งที่ดีกว่า วิธีการทำงาน ให้ดูซอร์สโค้ดของ หน้าทดสอบ

ข้อกำหนดเบื้องต้น

• SDK โฆษณาในอุปกรณ์เคลื่อนที่ของ Google เวอร์ชัน 9.6.0 หรือสูงกว่า

• อัปเดตไฟล์ Info.plist ด้วยคีย์และค่าสตริงต่อไปนี้ ช่วงเวลานี้ ข้ามการตรวจสอบที่ Google Mobile Ads SDK ทำ ค่า GADApplicationIdentifier ที่ใช้กับนักพัฒนาแอปที่ใช้งานโฆษณา ภายนอกมุมมองเว็บ หากคุณข้ามขั้นตอนนี้และไม่ได้ให้ GADApplicationIdentifier SDK โฆษณาบนอุปกรณ์เคลื่อนที่ของ Google GADInvalidInitializationException เมื่อเริ่มต้นแอป

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

ลงทะเบียนมุมมองเว็บ

โทร register(_:) ในเทรดหลักเพื่อสร้างการเชื่อมต่อกับเครื่องจัดการ JavaScript ใน โค้ด AdSense หรือแท็กผู้เผยแพร่โฆษณาผ่าน Google ภายในแต่ละ WKWebView อินสแตนซ์ ช่วงเวลานี้ ควรดำเนินการโดยเร็วที่สุด เช่น viewDidLoad เมธอดของตัวควบคุมมุมมอง

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)
  }
}

@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://webview-api-for-ads-test.glitch.me#api-for-ads-tests

URL ทดสอบจะแสดงแถบสถานะสีเขียวสำหรับการผสานรวมที่ประสบความสำเร็จ หาก ใช้เงื่อนไขต่อไปนี้

• WKWebView เชื่อมต่อกับ SDK โฆษณาในอุปกรณ์เคลื่อนที่ของ Google แล้ว

ขั้นตอนถัดไป

• รวบรวมความยินยอมใน WKWebViewWeb View API สำหรับ โฆษณาไม่เผยแพร่ความยินยอมที่รวบรวมในบริบทของแอปบนอุปกรณ์เคลื่อนที่โดยใช้ TCF ของ IAB เวอร์ชัน 2.0 หรือ CCPA ของ IAB ที่สอดคล้องกับแท็กในมุมมองเว็บของคุณ หากคุณสนใจ ใช้กระบวนการขอความยินยอมเดียวในฐานะเจ้าของ WKWebView และเนื้อหาเว็บที่สอดคล้องกัน สร้างรายได้ ให้ทำงานร่วมกับแพลตฟอร์มการจัดการความยินยอม (CMP) เพื่อรวบรวมความยินยอม กับ WKWebView บริบท