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

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

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

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

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

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

  • SDK โฆษณาในอุปกรณ์เคลื่อนที่ของ Google เวอร์ชัน 9.6.0 หรือสูงกว่า
  • อัปเดตไฟล์ Info.plist โดยใช้คีย์และค่าสตริงต่อไปนี้ ซึ่งจะข้ามการตรวจสอบที่ SDK โฆษณาในอุปกรณ์เคลื่อนที่ของ Google ทำกับค่า 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 ของตัวควบคุมข้อมูลพร็อพเพอร์ตี้

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

ทดสอบการผสานรวม

ก่อนใช้ URL ของคุณเอง เราขอแนะนำให้คุณโหลด URL ต่อไปนี้เพื่อทดสอบการผสานรวม

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

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

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

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

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