शुरू करें

यह गाइड उन पब्लिशर के लिए है जो किसी Flutter ऐप्लिकेशन से कमाई करना चाहते हैं.

Ad Manager के विज्ञापन दिखाने और कमाई करने की दिशा में, Google Mobile Ads SDK को Flutter ऐप्लिकेशन में इंटिग्रेट करना पहला कदम है. इंटिग्रेशन पूरा होने के बाद, लागू करने के चरणों की ज़्यादा जानकारी पाने के लिए, कोई विज्ञापन फ़ॉर्मैट चुनें.

फ़िलहाल, Flutter के लिए Google Mobile Ads SDK टूल की मदद से बैनर, इंटरस्टीशियल (फ़ुल-स्क्रीन), नेटिव, और इनाम वाले विज्ञापनों को लोड और दिखाया जा सकता है.

ज़रूरी शर्तें

  • Flutter 1.22.0 या इसके बाद का वर्शन
  • Android
    • Android Studio 3.2 या इसके बाद वाला वर्शन
    • Android एपीआई लेवल 20 या उसके बाद के लेवल को टारगेट करें
    • compileSdkVersion को 28 या उससे ज़्यादा पर सेट करें
  • iOS

मोबाइल विज्ञापन SDK टूल इंपोर्ट करें

प्लैटफ़ॉर्म के हिसाब से सेटअप

Android

AndroidManifest.xml को अपडेट करें

Ad Manager ऐप्लिकेशन आईडी, AndroidManifest.xml में शामिल होना चाहिए. ऐसा न करने पर, ऐप्लिकेशन लॉन्च होने पर क्रैश हो जाएगा.

ऐप्लिकेशन की android/app/src/main/AndroidManifest.xml फ़ाइल में Ad Manager ऐप्लिकेशन आईडी (Ad Manager यूज़र इंटरफ़ेस (यूआई) में पहचाना गया) जोड़ें. इसके लिए, com.google.android.gms.ads.APPLICATION_ID नाम के साथ <meta-data> टैग जोड़ें. Ad Manager यूज़र इंटरफ़ेस (यूआई) में अपना ऐप्लिकेशन आईडी देखा जा सकता है. android:value के लिए, कोटेशन में अपना Ad Manager ऐप्लिकेशन आईडी डालें. उदाहरण के लिए:

<manifest>
    <application>
        <!-- Sample app ID: ca-app-pub-3940256099942544~3347511713 -->
        <meta-data
            android:name="com.google.android.gms.ads.APPLICATION_ID"
            android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
    <application>
<manifest>

अपने Dart कोड में प्लग इन शुरू करते समय उसी value का इस्तेमाल करें.

AndroidManifest.xml को कॉन्फ़िगर करने और ऐप्लिकेशन आईडी सेट अप करने के बारे में ज़्यादा जानकारी के लिए, Android गाइड देखें.

iOS

अपनी Info.plist अपडेट करें

अपने ऐप्लिकेशन की ios/Runner/Info.plist फ़ाइल में, अपने Ad Manager ऐप्लिकेशन आईडी की स्ट्रिंग वैल्यू वाली GADApplicationIdentifier कुंजी जोड़ें (Ad Manager यूज़र इंटरफ़ेस (यूआई) में इसकी पहचान की जाती है):

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>

अपने Dart कोड में प्लग इन शुरू करते समय आपको वही मान पास करना होगा.

Info.plist को कॉन्फ़िगर करने और ऐप्लिकेशन आईडी सेट अप करने के बारे में ज़्यादा जानने के लिए, iOS गाइड देखें.

Mobile Ads SDK शुरू करें

विज्ञापन लोड करने से पहले, अपने ऐप्लिकेशन को MobileAds.instance.initialize() को कॉल करके मोबाइल विज्ञापन SDK टूल शुरू करने के लिए कहें. इससे, SDK टूल शुरू हो जाता है और प्रोसेस पूरी होने के बाद या 30 सेकंड का समय खत्म होने के बाद, Future दिखने लगता है. ऐसा सिर्फ़ एक बार करना होगा. आम तौर पर, ऐप्लिकेशन चलाने से ठीक पहले ऐसा करना चाहिए.

import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/material.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  MobileAds.instance.initialize();

  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  MyAppState createState() => MyAppState();
}

class MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    // Load ads.
  }
}

कोई विज्ञापन फ़ॉर्मैट चुनें

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

आयताकार विज्ञापन, जो डिवाइस की स्क्रीन के सबसे ऊपर या नीचे दिखते हैं. जब उपयोगकर्ता आपके ऐप्लिकेशन के साथ इंटरैक्ट करते हैं, तब बैनर विज्ञापन स्क्रीन पर दिखते रहते हैं और एक तय समय के बाद ये अपने-आप रीफ़्रेश हो सकते हैं. अगर मोबाइल विज्ञापन आपके लिए नए हैं, तो शुरुआत करने के लिए यह शानदार जगह है.

बैनर विज्ञापन लागू करना

मध्यवर्ती

फ़ुल-स्क्रीन विज्ञापन, जो किसी ऐप्लिकेशन के इंटरफ़ेस को तब तक दिखाते हैं, जब तक उपयोगकर्ता उसे बंद नहीं करता. ये सबसे अच्छे तरीके से तब इस्तेमाल होते हैं, जब ऐप्लिकेशन को एक्ज़ीक्यूट करने के दौरान रुक-रुककर इनका इस्तेमाल किया जाता है. जैसे, गेम के अलग-अलग लेवल के बीच में या टास्क पूरा करने के बाद.

अचानक दिखने वाला (इंटरस्टीशियल) विज्ञापन लागू करना

मूल भाषा वाला

कस्टमाइज़ किए जा सकने वाले विज्ञापन, जो आपके ऐप्लिकेशन के रंग-रूप से मेल खाते हैं. यह आप तय करते हैं कि उन्हें कैसे और कहां डालना है, ताकि लेआउट आपके ऐप्लिकेशन के डिज़ाइन के मुताबिक हो.

नेटिव विज्ञापन लागू करना

इनाम दिया गया

ऐसे विज्ञापन जो उपयोगकर्ताओं को छोटे वीडियो देखने के साथ-साथ, गेम खेलने देने वाले विज्ञापनों और सर्वे के साथ इंटरैक्ट करने पर इनाम देते हैं. यह ऐसे उपयोगकर्ताओं के लिए बढ़िया है जो बिना पैसे चुकाए गेम खेलने वाले उपयोगकर्ताओं से कमाई करते हैं.

इनाम वाले विज्ञापन को लागू करना