यह गाइड उन पब्लिशर के लिए है जो Flutter ऐप्लिकेशन से कमाई करना चाहते हैं.
Google Mobile Ads SDK को Flutter ऐप्लिकेशन के साथ इंटिग्रेट करना AdMob विज्ञापन दिखाने और कमाई करने की दिशा में पहला कदम है. इंटिग्रेशन पूरा हो जाने के बाद, कोई विज्ञापन फ़ॉर्मैट चुनकर, इसे लागू करने के तरीकों की जानकारी दी जा सकती है.
फ़िलहाल, Flutter के लिए Google Mobile Ads SDK टूल, बैनर, पेज पर अचानक दिखने वाले (फ़ुल-स्क्रीन), नेटिव, और इनाम वाले विज्ञापनों को लोड करने और दिखाने की सुविधा देता है.
ज़रूरी शर्तें
- Flutter 1.22.0 या इसके बाद का वर्शन
- Android
- Android Studio 3.2 या इसके बाद वाला वर्शन
- Android एपीआई लेवल 20 या उसके बाद के लेवल को टारगेट करता हो
compileSdkVersion
को 28 या इससे ज़्यादा पर सेट करें
- iOS
- चालू कमांड लाइन टूल के साथ Xcode का सबसे नया वर्शन
- सुझाया गया: AdMob खाता बनाएं और Android और/या iOS ऐप्लिकेशन रजिस्टर करें
मोबाइल विज्ञापन SDK टूल इंपोर्ट करें
- अपने Flutter प्रोजेक्ट में Flutter प्लगिन के लिए Google Mobile Ads SDK शामिल करें.
प्लैटफ़ॉर्म के हिसाब से सेटअप
Android
AndroidManifest.xml को अपडेट करें
AdMob ऐप्लिकेशन आईडी, AndroidManifest.xml
में शामिल होना चाहिए. ऐसा न करने पर, ऐप्लिकेशन लॉन्च करते समय क्रैश हो जाता है.
ऐप्लिकेशन की
android/app/src/main/AndroidManifest.xml
फ़ाइल में, AdMob ऐप्लिकेशन आईडी जोड़ें. इसे AdMob के वेब इंटरफ़ेस से पहचाना जाता है.
इसके लिए, com.google.android.gms.ads.APPLICATION_ID
नाम वाला <meta-data>
टैग जोड़ें. android:value
के लिए, कोट में अपना AdMob ऐप्लिकेशन आईडी डालें, जैसा कि यहां दिखाया गया है:
<manifest>
<application>
<!-- Sample AdMob 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
फ़ाइल में, AdMob ऐप्लिकेशन आईडी की स्ट्रिंग वैल्यू के साथ GADApplicationIdentifier
कुंजी जोड़ें. ऐसा इसलिए करें, क्योंकि इसकी पहचान AdMob वेब इंटरफ़ेस में की जा सकती है:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
अपने Dart कोड में प्लग इन शुरू करते समय आपको वही मान पास करना होगा.
Info.plist
को कॉन्फ़िगर करने और अपना ऐप्लिकेशन आईडी सेट अप करने के बारे में ज़्यादा जानकारी के लिए, iOS गाइड देखें.
Mobile Ads SDK शुरू करें
विज्ञापन लोड करने से पहले, अपने ऐप्लिकेशन को
MobileAds.instance.initialize()
को कॉल करके मोबाइल विज्ञापन SDK शुरू करने दें, जो SDK टूल को शुरू करता है और
Future
दिखाता है. यह प्रोसेस, शुरू करने के बाद या 30 सेकंड के समय खत्म होने के बाद खत्म होता है. यह कार्रवाई सिर्फ़ एक बार करनी होती है. ऐप्लिकेशन इस्तेमाल करने से ठीक पहले ऐसा करना बेहतर होगा.
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 टूल इंपोर्ट करने के बाद, विज्ञापन लागू किया जा सकता है. AdMob में कई तरह के विज्ञापन फ़ॉर्मैट उपलब्ध होते हैं. इसलिए, अपने ऐप्लिकेशन के उपयोगकर्ता अनुभव के हिसाब से सबसे सही विज्ञापन फ़ॉर्मैट चुना जा सकता है.
बैनर
डिवाइस की स्क्रीन पर ऊपर या नीचे दिखने वाले आयताकार विज्ञापन. जब उपयोगकर्ता ऐप्लिकेशन का इस्तेमाल करते हैं, तब बैनर विज्ञापन स्क्रीन पर दिखते रहते हैं. कुछ समय बाद, वे अपने-आप रीफ़्रेश हो जाते हैं. अगर आप मोबाइल पर विज्ञापन देने के लिए नए हैं, तो शुरुआत करने के लिए ये सबसे सही जगह हैं.
मध्यवर्ती
फ़ुल-स्क्रीन वाले ऐसे विज्ञापन जो किसी ऐप्लिकेशन के इंटरफ़ेस को तब तक कवर करते हैं, जब तक उपयोगकर्ता उन्हें बंद नहीं करते. इन सुविधाओं का इस्तेमाल ऐप्लिकेशन के काम करने के दौरान थोड़ी देर में बिलकुल रुक जाता है. जैसे, गेम के अलग-अलग लेवल के बीच में या किसी टास्क को पूरा करने के बाद.
अचानक दिखने वाले (इंटरस्टीशियल) विज्ञापन को लागू करना
नेटिव लेआउट
पसंद के मुताबिक बनाए जा सकने वाले ऐसे विज्ञापन जो आपके ऐप्लिकेशन के लुक और स्टाइल के मुताबिक होते हैं. इनसे यह तय किया जा सकता है कि इन्हें कैसे और कहां दिखाया जाए. इससे इनका लेआउट आपके ऐप्लिकेशन के डिज़ाइन से ज़्यादा मेल खाता है.
इनाम दिया गया
ऐसे विज्ञापन जो शॉर्ट वीडियो देखने और गेम खेलने देने वाले विज्ञापनों और सर्वे से इंटरैक्ट करने पर उपयोगकर्ताओं को इनाम देते हैं. यह गेम, मुफ़्त में खेले जाने वाले गेम इस्तेमाल करने वाले उपयोगकर्ताओं से कमाई करने के लिए बढ़िया है.