नेटिव विज्ञापन सेट अप करना

नेटिव विज्ञापनों में आपको अलग-अलग विज्ञापन ऐसेट मिलती हैं. जैसे, हेडलाइन, इमेज, और प्रॉम्प्ट टेक्स्ट. इन्हें अपने ऐप्लिकेशन के विज़ुअल डिज़ाइन के हिसाब से स्टाइल और व्यवस्थित किया जा सकता है. क्लिक ट्रैकिंग, इंप्रेशन, और मीडिया प्लेबैक को मैनेज करने के लिए, Google Mobile Ads SDK for React Native ये कॉम्पोनेंट उपलब्ध कराता है:

नीतियों का पालन करते हुए नेटिव विज्ञापन दिखाने के बारे में ज़्यादा जानने के लिए, नेटिव ऐडवांस मोबाइल विज्ञापन फ़ॉर्मैट का इस्तेमाल करने वाले नेटिव विज्ञापन देखें.

इस पेज पर, एक और कई नेटिव विज्ञापनों को लोड करने, विज्ञापन की मेमोरी और लाइफ़साइकल को मैनेज करने, और Android पर वीडियो विज्ञापनों के लिए हार्डवेयर से तेज़ी लाने की सुविधा को चालू करने का तरीका बताया गया है.

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

जारी रखने से पहले, ये काम करें:

Android

फ़ॉर्मैट विज्ञापन यूनिट आईडी का सैंपल
मूल भाषा वाला ca-app-pub-3940256099942544/2247696110
नेटिव वीडियो ca-app-pub-3940256099942544/1044960115

iOS

फ़ॉर्मैट विज्ञापन यूनिट आईडी का सैंपल
मूल भाषा वाला ca-app-pub-3940256099942544/3986624511
नेटिव वीडियो ca-app-pub-3940256099942544/2521693316

विज्ञापन लोड करना

नेटिव विज्ञापन लोड करने के लिए, NativeAd.load तरीके को कॉल करें. इसके लिए, NativeAdRequest ऑब्जेक्ट का इस्तेमाल करें, जिसमें आपका विज्ञापन यूनिट का आईडी शामिल हो. यह तरीका एक प्रॉमिस दिखाता है, जो लोड किए गए NativeAd ऑब्जेक्ट के साथ रिज़ॉल्व होता है या LoadAdError ऑब्जेक्ट के साथ अस्वीकार होता है.

इस उदाहरण में, एक नेटिव विज्ञापन लोड किया गया है. विज्ञापन लोड होने पर, उसे दिखाया जाता है. वहीं, विज्ञापन लोड न होने पर, गड़बड़ी का मैसेज लॉग किया जाता है:

export async function loadNativeAd(adUnitId: string): Promise<NativeAd | null> {
  try {
    const ad = await NativeAd.load({adUnitId});
    return ad;
  } catch (error) {
    const loadError = error as LoadAdError;
    console.error('Failed to load native ad:', loadError.message);
    return null;
  }
}

नेटिव विज्ञापनों को लोड और मैनेज करते समय, हमारा सुझाव है कि आप ये काम करें:

  • लोड किए गए विज्ञापनों की संख्या सीमित करें: नेटिव विज्ञापन की ऐसेट, मेमोरी का इस्तेमाल करती हैं. एक साथ कई विज्ञापनों को लोड करने के बजाय, सिर्फ़ उन विज्ञापनों को लोड करें जिन्हें उपयोगकर्ता देखने वाले हैं. जैसे, अगले एक या दो विज्ञापन प्लेसमेंट.
  • अनमाउंट किए गए विज्ञापनों को हटाना: स्क्रीन से किसी विज्ञापन को हटाने या बदलने पर या विज्ञापन दिखाने वाले कॉम्पोनेंट को अनमाउंट करने पर, ad.destroy तरीके को कॉल करें. इस तरीके से, विज्ञापन के लिए इस्तेमाल किए गए संसाधनों और मेमोरी को रिलीज़ किया जाता है.
  • लोड किए गए विज्ञापनों को एक घंटे के अंदर दिखाएं: नेटिव विज्ञापन क्रिएटिव, 60 मिनट के बाद एक्सपायर हो जाते हैं. अगर आपने लोड किए गए विज्ञापन को एक घंटे में नहीं दिखाया है, तो विज्ञापन को नष्ट करें और दूसरे विज्ञापन का अनुरोध करें.

ज़रूरी नहीं: एक से ज़्यादा विज्ञापन लोड करना

एक ही अनुरोध में कई विज्ञापन लोड करने के लिए, NativeAdRequest ऑब्जेक्ट, अनुरोध किए जाने वाले विज्ञापनों की संख्या, और NativeAdLoadCallback ऑब्जेक्ट के साथ NativeAd.loadAds तरीके को कॉल करें. अनुरोध में ज़्यादा से ज़्यादा पांच विज्ञापन शामिल किए जा सकते हैं.

यहां दिए गए उदाहरण में, एक से ज़्यादा नेटिव विज्ञापनों के लिए अनुरोध किया गया है. साथ ही, कॉलबैक का इस्तेमाल करके, लोड किए गए हर विज्ञापन, लोड होने से जुड़ी गड़बड़ियों, और अनुरोध पूरा होने की प्रोसेस को मैनेज किया गया है:

export function loadMultipleNativeAds(adUnitId: string, numAds: number): void {
  NativeAd.loadAds({adUnitId}, numAds, {
    // Called when an individual native ad finishes loading.
    onNativeAdLoad: (ad) => {
      console.log('Loaded native ad:', ad.headline);
    },
    // Called when an individual native ad fails to load.
    onAdFailedToLoad: (error) => {
      console.error('Failed to load native ad:', error.message);
    },
    // Called when all requested ads have finished loading.
    onAdLoadingCompleted: () => {
      console.log('All requested native ads finished loading.');
    },
  });
}

अगर स्क्रोल किए जा सकने वाले फ़ीड में विज्ञापन दिखाए जाते हैं, तो विज्ञापनों को पहले से लोड करें. इस प्रोसेस से, उपयोगकर्ताओं के विज्ञापनों पर जाने पर विज्ञापन रेंडर होते हैं.

हार्डवेयर से तेज़ी लाने की सुविधा चालू करना

Android पर नेटिव विज्ञापन व्यू में वीडियो विज्ञापन दिखाने के लिए, हार्डवेयर से तेज़ी लाएं सुविधा चालू करें.

Android, डिफ़ॉल्ट रूप से हार्डवेयर से तेज़ी लाने की सुविधा चालू करता है. ऐप्लिकेशन, हार्डवेयर से तेज़ी लाने की सुविधा को पूरी तरह से बंद कर सकते हैं. अगर आपका ऐप्लिकेशन, हार्डवेयर से तेज़ी लाने की सुविधा को पूरी तरह से बंद कर देता है, तो विज्ञापन दिखाने वाली Activity क्लास के लिए सेटिंग चालू करें.

अगर आपने हार्डवेयर से तेज़ी लाने की सुविधा को ग्लोबल तौर पर चालू किया है और आपका ऐप्लिकेशन उम्मीद के मुताबिक काम नहीं कर रहा है, तो अलग-अलग गतिविधियों के लिए हार्डवेयर से तेज़ी लाने की सुविधा को कंट्रोल करें. हार्डवेयर से तेज़ी लाने की सुविधा को चालू या बंद करने के लिए, अपनी AndroidManifest.xml फ़ाइल में application और activity एलिमेंट के लिए, android:hardwareAccelerated एट्रिब्यूट का इस्तेमाल करें.

नीचे दिए गए उदाहरण में, ऐप्लिकेशन के लिए हार्डवेयर से तेज़ी लाने की सुविधा को ग्लोबल तौर पर चालू किया गया है. साथ ही, एक गतिविधि के लिए इस सेटिंग को बंद किया गया है:

<application android:hardwareAccelerated="true">
    <!-- For activities that use ads, hardwareAcceleration should be true. -->
    <activity android:hardwareAccelerated="true" />
    <!-- For activities that don't use ads, hardwareAcceleration can be false. -->
    <activity android:hardwareAccelerated="false" />
</application>

अगले चरण

विज्ञापन लोड करने के बाद, NativeAdView और NativeAdMediaView कॉम्पोनेंट का इस्तेमाल करके, विज्ञापन को अपने React Native यूज़र इंटरफ़ेस (यूआई) में रेंडर करें. ज़्यादा जानकारी के लिए, नेटिव विज्ञापन दिखाना लेख पढ़ें.