बैनर व्यू, आयताकार इमेज या टेक्स्ट विज्ञापन होते हैं जो स्क्रीन पर एक जगह घेर लेते हैं. जब उपयोगकर्ता आपके ऐप्लिकेशन के साथ इंटरैक्ट करते हैं, तब स्क्रीन पर सबसे ऊपर या सबसे नीचे बैनर विज्ञापन दिखते रहते हैं. साथ ही, ये विज्ञापन कुछ समय बाद अपने-आप रीफ़्रेश हो सकते हैं. अगर आपने मोबाइल पर विज्ञापन दिखाने की सुविधा का इस्तेमाल पहले कभी नहीं किया है, तो इनसे शुरुआत करें. केस स्टडी.
इस गाइड में आपको Unity ऐप्लिकेशन में बैनर व्यू को इंटिग्रेट करने का तरीका बताया गया है. कोड स्निपेट और निर्देशों के अलावा, इसमें बैनर को सही तरीके से साइज़ देने और अन्य संसाधनों के लिंक के बारे में भी जानकारी दी गई है.
ज़रूरी शर्तें
- शुरुआती निर्देशों की गाइड को पूरा करें.
हमेशा टेस्ट विज्ञापनों की मदद से जांच करें
नीचे दिए गए सैंपल कोड में एक विज्ञापन यूनिट का आईडी है. इसका इस्तेमाल करके विज्ञापनों की जांच करने का अनुरोध किया जा सकता है. इसे हर अनुरोध के हिसाब से प्रोडक्शन विज्ञापन दिखाने के बजाय, टेस्ट विज्ञापन दिखाने के लिए खास तौर पर कॉन्फ़िगर किया गया है. इसलिए, इसे इस्तेमाल करना सुरक्षित है.
हालांकि, AdMob के वेब इंटरफ़ेस में कोई ऐप्लिकेशन रजिस्टर करने और अपने ऐप्लिकेशन में इस्तेमाल करने के लिए खुद की विज्ञापन यूनिट के आईडी बनाने के बाद, डेवलपमेंट के दौरान खास तौर पर अपने डिवाइस को टेस्ट डिवाइस के तौर पर कॉन्फ़िगर करें.
Android
ca-app-pub-3940256099942544/6300978111
iOS
ca-app-pub-3940256099942544/2934735716
Mobile Ads SDK को शुरू करना
विज्ञापन लोड करने से पहले, अपने ऐप्लिकेशन को MobileAds.Initialize()
को कॉल करके, Mobile Ads SDK टूल को शुरू करने दें. इसे सिर्फ़ एक बार करना होगा. आम तौर पर, ऐप्लिकेशन लॉन्च करते समय ऐसा करना चाहिए.
using GoogleMobileAds;
using GoogleMobileAds.Api;
public class GoogleMobileAdsDemoScript : MonoBehaviour
{
public void Start()
{
// Initialize the Google Mobile Ads SDK.
MobileAds.Initialize((InitializationStatus initStatus) =>
{
// This callback is called once the MobileAds SDK is initialized.
});
}
}
अगर मीडिएशन का इस्तेमाल किया जा रहा है, तो विज्ञापन लोड करने से पहले कॉलबैक होने तक इंतज़ार करें. इससे यह पक्का हो जाएगा कि सभी मीडिएशन अडैप्टर शुरू हो गए हैं.
BannerView का उदाहरण
नीचे दिए गए सैंपल कोड में, बैनर व्यू को इस्तेमाल करने का तरीका बताया गया है. उदाहरण में, आपने बैनर व्यू का एक इंस्टेंस बनाया है. साथ ही, बैनर व्यू में विज्ञापन लोड करने के लिए AdRequest
का इस्तेमाल किया है. इसके बाद, लाइफ़साइकल इवेंट को मैनेज करके, इसकी सुविधाओं को बढ़ाया है.
बैनर व्यू बनाना
बैनर व्यू का इस्तेमाल करने का पहला चरण है, GameObject
से अटैच की गई C# स्क्रिप्ट में, बैनर व्यू का इंस्टेंस बनाना.
// These ad units are configured to always serve test ads.
#if UNITY_ANDROID
private string _adUnitId = "ca-app-pub-3940256099942544/6300978111";
#elif UNITY_IPHONE
private string _adUnitId = "ca-app-pub-3940256099942544/2934735716";
#else
private string _adUnitId = "unused";
#endif
BannerView _bannerView;
/// <summary>
/// Creates a 320x50 banner view at top of the screen.
/// </summary>
public void CreateBannerView()
{
Debug.Log("Creating banner view");
// If we already have a banner, destroy the old one.
if (_bannerView != null)
{
DestroyAd();
}
// Create a 320x50 banner at top of the screen
_bannerView = new BannerView(_adUnitId, AdSize.Banner, AdPosition.Top);
}
BannerView
के कंस्ट्रक्टर में ये पैरामीटर होते हैं:
adUnitId
: वह विज्ञापन यूनिट आईडी जिससेBannerView
विज्ञापन लोड होने चाहिए.AdSize
: वह विज्ञापन साइज़ जिसका इस्तेमाल करना है. ज़्यादा जानकारी के लिए, बैनर के साइज़ देखें.AdPosition
: वह जगह जहां बैनर व्यू डाले जाने चाहिए.AdPosition
एनम में, विज्ञापन की रैंक की मान्य वैल्यू की सूची होती है.
ध्यान दें कि प्लैटफ़ॉर्म के हिसाब से, अलग-अलग विज्ञापन यूनिट का इस्तेमाल कैसे किया जाता है. iOS पर विज्ञापन अनुरोध करने के लिए, आपको iOS विज्ञापन यूनिट का इस्तेमाल करना होगा. वहीं, Android पर अनुरोध करने के लिए, आपको Android विज्ञापन यूनिट का इस्तेमाल करना होगा.
(ज़रूरी नहीं) कस्टम पोज़िशन वाला बैनर व्यू बनाना
AdPosition
वैल्यू की तुलना में, स्क्रीन पर BannerView
को बेहतर तरीके से प्लेस करने के लिए, उस कॉन्स्ट्रक्टर का इस्तेमाल करें जिसमें पैरामीटर के तौर पर x- और y-कोऑर्डिनेट हों:
// Create a 320x50 banner views at coordinate (0,50) on screen.
_bannerView = new BannerView(_adUnitId, AdSize.Banner, 0, 50);
BannerView
के सबसे ऊपर बाएं कोने को, कॉन्स्ट्रक्टर में दी गई x और y वैल्यू पर रखा गया है. यहां ऑरिजिन, स्क्रीन के सबसे ऊपर बाईं ओर होता है.
(ज़रूरी नहीं) कस्टम साइज़ वाला बैनर व्यू बनाना
AdSize
कॉन्स्टेंट का इस्तेमाल करने के अलावा, अपने विज्ञापन के लिए कस्टम साइज़ भी तय किया जा सकता है:
// Use the AdSize argument to set a custom size for the ad.
AdSize adSize = new AdSize(250, 250);
_bannerView = new BannerView(_adUnitId, adSize, AdPosition.Bottom);
बैनर विज्ञापन लोड करना
विज्ञापन लोड करने के लिए, AdRequest
बनाएं और उसे
LoadAd()
तरीके को पास करें.
/// <summary>
/// Creates the banner view and loads a banner ad.
/// </summary>
public void LoadAd()
{
// create an instance of a banner view first.
if(_bannerView == null)
{
CreateBannerView();
}
// create our request used to load the ad.
var adRequest = new AdRequest();
// send the request to load the ad.
Debug.Log("Loading banner ad.");
_bannerView.LoadAd(adRequest);
}
बैनर व्यू इवेंट सुनना
अपने विज्ञापन के व्यवहार को कस्टमाइज़ करने के लिए, आप विज्ञापन के लाइफ़साइकल में लोड होने, खुलने या बंद होने जैसे कई इवेंट जोड़ सकते हैं. इन इवेंट को सुनने के लिए, किसी प्रतिनिधि को रजिस्टर करें:
/// <summary>
/// listen to events the banner view may raise.
/// </summary>
private void ListenToAdEvents()
{
// Raised when an ad is loaded into the banner view.
_bannerView.OnBannerAdLoaded += () =>
{
Debug.Log("Banner view loaded an ad with response : "
+ _bannerView.GetResponseInfo());
};
// Raised when an ad fails to load into the banner view.
_bannerView.OnBannerAdLoadFailed += (LoadAdError error) =>
{
Debug.LogError("Banner view failed to load an ad with error : "
+ error);
};
// Raised when the ad is estimated to have earned money.
_bannerView.OnAdPaid += (AdValue adValue) =>
{
Debug.Log(String.Format("Banner view paid {0} {1}.",
adValue.Value,
adValue.CurrencyCode));
};
// Raised when an impression is recorded for an ad.
_bannerView.OnAdImpressionRecorded += () =>
{
Debug.Log("Banner view recorded an impression.");
};
// Raised when a click is recorded for an ad.
_bannerView.OnAdClicked += () =>
{
Debug.Log("Banner view was clicked.");
};
// Raised when an ad opened full screen content.
_bannerView.OnAdFullScreenContentOpened += () =>
{
Debug.Log("Banner view full screen content opened.");
};
// Raised when the ad closed full screen content.
_bannerView.OnAdFullScreenContentClosed += () =>
{
Debug.Log("Banner view full screen content closed.");
};
}
बैनर व्यू मिटाएं
बैनर व्यू का इस्तेमाल करने के बाद, संसाधनों को रिलीज़ करने के लिए Destroy()
को कॉल करना न भूलें.
/// <summary>
/// Destroys the banner view.
/// </summary>
public void DestroyAd()
{
if (_bannerView != null)
{
Debug.Log("Destroying banner view.");
_bannerView.Destroy();
_bannerView = null;
}
}
हो गया! अब आपका ऐप्लिकेशन बैनर विज्ञापन दिखाने के लिए तैयार है.
बैनर आकार
नीचे दी गई टेबल में, स्टैंडर्ड बैनर साइज़ की सूची दी गई है.
डाइमेंशन, डीपी में (चौड़ाई x ऊंचाई) | ब्यौरा | उपलब्धता | AdSize कॉन्सटेंट |
---|---|---|---|
320x50 | स्टैंडर्ड बैनर | फ़ोन और टेबलेट | BANNER |
320x100 | बड़ा बैनर | फ़ोन और टेबलेट | LARGE_BANNER |
300x250 | IAB मीडियम रेक्टैंगल | फ़ोन और टेबलेट | MEDIUM_RECTANGLE |
468x60 | IAB के फ़ुल-साइज़ बैनर | टैबलेट | FULL_BANNER |
728x90 | IAB लीडरबोर्ड | टैबलेट | LEADERBOARD |
तय की गई चौड़ाई x ज़रूरत के हिसाब से ऊंचाई | अडैप्टिव बैनर | फ़ोन और टेबलेट | लागू नहीं |
स्क्रीन की चौड़ाई x 32|50|90 | स्मार्ट बैनर | फ़ोन और टेबलेट | SMART_BANNER |
अडैप्टिव बैनर के बारे में ज़्यादा जानें. इन्हें स्मार्ट बैनर की जगह इस्तेमाल किया जाता है. |
अन्य संसाधन
- HelloWorld का उदाहरण: सभी विज्ञापन फ़ॉर्मैट को कम से कम लागू करना.