विज्ञापनों के लिए वेबव्यू एपीआई इंटिग्रेट करें

Google Ads के लिए वेबव्यू एपीआई, इन-ऐप्लिकेशन विज्ञापन से कमाई करने की अनुमति देता है. इसके लिए, WebViewController. अगर आपकी वेबसाइट पर ऐसा वेब कॉन्टेंट दिखाया जाता है जो AdSense कोड या Google पब्लिशर टैग WebViewController तक, आपको विज्ञापन चालू करने के लिए इस एपीआई का इस्तेमाल करना चाहिए कमाई करने की नीति. ज़्यादा जानने के लिए, यह देखें अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है AdSense और Ad Manager नीतियों में बताया गया है.

1. Google Mobile Ads SDK की मदद से विज्ञापन अनुरोध करके कमाई करें

   विज्ञापन अनुरोध करके, अपने ऐप्लिकेशन से कमाई की जा सकती है Ad Manager मोबाइल के लिए विज्ञापन प्रारूप लागू करके Google Mobile Ads SDK ऐप का इस्तेमाल करें.

   ज़्यादा जानें.

2. विज्ञापनों के लिए वेबव्यू एपीआई का इस्तेमाल करके कमाई करें

   अगर आपका ऐप्लिकेशन, विज्ञापन दिखाने वाला वेब कॉन्टेंट दिखाने के लिए WebViewController का इस्तेमाल करता है Ad Manager या AdSense, रजिस्टर करने के लिए विज्ञापनों के लिए वेबव्यू एपीआई का इस्तेमाल करें Google Mobile Ads SDK वाला WebViewController ऑब्जेक्ट. कॉन्टेंट बनाने AdSense कोड में JavaScript या Google पब्लिशर टैग विज्ञापन अनुरोध बनाता और भेजता है, ताकि आपको विज्ञापन अनुरोध बनाने की ज़रूरत न पड़े का इस्तेमाल किया है. ध्यान रखें कि सिर्फ़ मोबाइल वेब और डेस्कटॉप वेब इन्वेंट्री फ़ॉर्मैट इस एपीआई का इस्तेमाल करके उपलब्ध हैं.

   अगर आपके पास WebViewController में मौजूद वेब कॉन्टेंट का मालिकाना हक नहीं है, तो भी आप आपको इस एपीआई का इस्तेमाल करने के लिए बढ़ावा दिया गया है, ताकि विज्ञापन देने वाले लोगों या कंपनियों को स्पैम से बचाया जा सके और कॉन्टेंट उपलब्ध कराने वाले वेब पब्लिशर की कमाई बढ़ाने के लिए.

ध्यान दें कि आप एक ही ऐप्लिकेशन में दोनों में से कोई भी एक विकल्प चुन सकते हैं.

इस गाइड का मकसद, विज्ञापनों के लिए वेबव्यू एपीआई को अपने iOS ऐप्लिकेशन.

शुरू करने से पहले

Google Ads के लिए वेबव्यू एपीआई का इस्तेमाल शुरू करने से पहले, इन बातों का ध्यान रखें:

• Flutter प्लगिन के लिए Google Mobile Ads SDK का इस्तेमाल करें आपके ऐप्लिकेशन में 3.0.0 या इसके बाद का वर्शन हो.
• webview_flutter को डिपेंडेंसी के तौर पर जोड़ें आपकी pubspec.yaml फ़ाइल में.
• webview_flutter_android जोड़ें आपके ऐप्लिकेशन में 3.7.0 या इसके बाद का वर्शन हो.

ऐप्लिकेशन आइडेंटिफ़ायर की जांच को बायपास करें

Android

अपनी AndroidManifest.xml फ़ाइल में, यहां दिए गए <meta-data> टैग को जोड़ें APPLICATION_ID की जाँच को बायपास करें. अगर यह चरण छूट जाता है, तो Google Mobile Ads SDK की मदद से IllegalStateException ऐप्लिकेशन शुरू होने पर.

<!-- Bypass APPLICATION_ID check for WebView API for Ads -->
<meta-data
    android:name="com.google.android.gms.ads.INTEGRATION_MANAGER"
    android:value="webview"/>

iOS

Runner/Info.plist फ़ाइल को, नीचे दी गई कुंजी और स्ट्रिंग की वैल्यू के साथ अपडेट करें GADApplicationIdentifier की चेक को बायपास करें. अगर आपसे यह चरण छूट जाता है, तो Google Mobile Ads SDK एक GADInvalidInitializationException ऐप्लिकेशन शुरू होने पर.

<!-- Bypass GADApplicationIdentifier check for WebView API for Ads -->
<key>GADIntegrationManager</key>
<string>webview</string>

WebViewController को रजिस्टर करें

ऐप्लिकेशन में विज्ञापनों से होने वाली कमाई को बढ़ाने के लिए, AdSense का इस्तेमाल करने वाला WebViewController कोड या Google Publisher टैग, यह तरीका अपनाएं नीचे दी गई सूची उपलब्ध है:

1. WebViewController में JavaScript चालू करें. ऐसा न कर पाने की वजह से विज्ञापन लोड नहीं होते हैं.

2. उपयोगकर्ताओं की साथ ही, उसे इस्तेमाल करना हो और Chrome की कुकी नीति, इसे चालू करें आपके AndroidWebViewController इंस्टेंस पर तीसरे पक्ष की कुकी.

3. इस नंबर पर कॉल करके, WebViewController इंस्टेंस रजिस्टर करें registerWebView() तरीका है जो Google Mobile Ads SDK से मिलता है.

import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:webview_flutter_android/webview_flutter_android.dart';

@override
class WebViewExampleState extends State<WebViewExample> {
  late final WebViewController controller;

  @override
  void initState() {
    super.initState();

    createWebView();
  }

  void createWebView() async {
    controller = WebViewController();
    // 1. Enable JavaScript in the web view.
    await controller.setJavaScriptMode(JavaScriptMode.unrestricted);

    // 2. Enable third-party cookies for Android.
    if (controller.platform is AndroidWebViewController) {
      AndroidWebViewCookieManager cookieManager = AndroidWebViewCookieManager(
        const PlatformWebViewCookieManagerCreationParams());
      await cookieManager.setAcceptThirdPartyCookies(
        controller.platform as AndroidWebViewController, true);
    }

    // 3. Register the web view.
    await MobileAds.instance.registerWebView(controller);
  }
}

यूआरएल लोड करें

अब WebViewController की मदद से यूआरएल लोड किया जा सकता है और अपना वेब कॉन्टेंट दिखाया जा सकता है. हमारा सुझाव है कि आप इस टेस्ट यूआरएल को लोड करें: इंटिग्रेशन की जांच करने के लिए, https://webview-api-for-ads-test.glitch.me/ पर क्लिक करें. अगर JavaScript लागू नहीं है, तो वेब पेज एक गड़बड़ी दिखाएगा चालू किया गया.

import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'package:webview_flutter_android/webview_flutter_android.dart';

@override
class WebViewExampleState extends State<WebViewExample> {
  late final WebViewController controller;

  @override
  void initState() {
    super.initState();

    createWebView();
  }

  void createWebView() async {
    controller = WebViewController();
    // 1. Enable JavaScript in the web view.
    await controller.setJavaScriptMode(JavaScriptMode.unrestricted);

    // 2. Enable third-party cookies for Android.
    if (controller.platform is AndroidWebViewController) {
      AndroidWebViewCookieManager cookieManager = AndroidWebViewCookieManager(
        const PlatformWebViewCookieManagerCreationParams());
      await cookieManager.setAcceptThirdPartyCookies(
        controller.platform as AndroidWebViewController, true);
    }

    // 3. Register the web view.
    await MobileAds.instance.registerWebView(controller);

    // 4. Load the URL.
    await controller.loadRequest(Uri.parse('https://webview-api-for-ads-test.glitch.me/'));
  }

सफल इंटिग्रेशन के लिए, टेस्ट यूआरएल हरे रंग के स्टेटस बार दिखाता है, अगर तो ये शर्तें लागू होंगी:

• WebView, Google Mobile Ads SDK से कनेक्ट किया गया
• JavaScript चालू है
• तीसरे पक्ष की कुकी काम करती हैं (iOS डिवाइसों पर उम्मीद नहीं की जाती)
• पहले-पक्ष की कुकी काम करती हैं

सोर्स कोड देखें हमारे टेस्ट यूआरएल का हिस्सा हैं. इसके बाद, टेस्ट यूआरएल को अपने यूआरएल से बदला जा सकता है. आप यह भी कर सकते हैं अपनी साइट के डेटा को कैप्चर करने के लिए, Charles जैसे प्रॉक्सी टूल का इस्तेमाल करें ऐप्लिकेशन के एचटीटीपीएस ट्रैफ़िक को मैनेज करता है. साथ ही, &scar= पैरामीटर के लिए विज्ञापन अनुरोधों की जांच करता है.