फ़ीड में दिखने वाले विज्ञापन की ऊंचाई सेट करना

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

ध्यान दें: इस लेख में मौजूद उदाहरणों के ज़रिए, AdSense विज्ञापन कोड में बदलाव करने के स्वीकार किए गए तरीकों की जानकारी दी गई है. स्वीकार किए गए इन तरीकों का इस्तेमाल करके अपने रिस्पॉन्सिव विज्ञापन कोड में बदलाव किया जा सकेगा और AdSense program की नीतियों का उल्लंघन भी नहीं होगा.

तय ऊंचाई सेट करने का तरीका (ऐसी साइटें जो रिस्पॉन्सिव नहीं हैं उनके लिए)

अपने विज्ञापन कोड में ऊंचाई एट्रिब्यूट जोड़कर, फ़ीड में दिखने वाले विज्ञापन के लिए तय ऊंचाई रखी जा सकती है. उदाहरण के लिए, height:120px. अगर आपकी इन-फ़ीड विज्ञापन यूनिट किसी फ़िक्स कंटेनर में है, तो इस विकल्प का इस्तेमाल करें. इसका मतलब है कि यह रिस्पॉन्सिव नहीं है.

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

इस उदाहरण में, 120 पिक्सल की तय ऊंचाई का फ़ीड में दिखने वाला विज्ञापन दिखाया गया है:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block;height:120px"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

अलग-अलग ऊंचाई सेट करने का तरीका (रिस्पॉन्सिव साइट के लिए)

अगर आपकी इन-फ़ीड विज्ञापन यूनिट की चौड़ाई, स्क्रीन की चौड़ाई पर निर्भर करती है यानी कि वह रिस्पॉन्सिव है, तो आपको अपने विज्ञापन कोड में सीएसएस मीडिया क्वेरी का इस्तेमाल करना होगा. इससे, हर स्क्रीन की चौड़ाई के हिसाब से अलग-अलग ऊंचाई तय की जा सकेगी.

यह तय करने के लिए कि कौनसी ऊंचाई सेट करनी है, हमारा सुझाव है कि आप:

1. अपनी साइट को अलग-अलग चौड़ाई की स्क्रीन के हिसाब से बदलकर देखें. उदाहरण के लिए, 350 पिक्सल, 500 पिक्सल, 1000 पिक्सल.
2. हर चौड़ाई के लिए, अपने ब्राउज़र के डेवलपर टूल का इस्तेमाल करके, अपने विज्ञापन की सटीक ऊंचाई तय करें. इस ऊंचाई में खाली सफ़ेद जगह नहीं हो. ज़्यादा जानकारी के लिए, देखें: अपने फ़ीड में इमेज का साइज़ तय करने का तरीका.

इस उदाहरण में, 350 पिक्सल तक की स्क्रीन चौड़ाई के लिए 180 पिक्सल, 500 से 800 पिक्सल तक की स्क्रीन चौड़ाई के लिए 130 पिक्सल, और 800 पिक्सल से ज़्यादा की स्क्रीन चौड़ाई के लिए 200 पिक्सल की ऊंचाई वाला फ़ीड में विज्ञापन दिखाया गया है:

<style>
  @media (min-width: 350px) {
    .infeed {
      height: 180px;
    }
 @media (min-width: 500px) {
    .infeed {
      height: 130px;
    }
  }
 @media (min-width: 800px) {
    .infeed {
      height: 200px;
    }
  }

</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<ins class="adsbygoogle infeed"
     style="display:block;"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

अहम जानकारी: ऊपर दिए गए उदाहरण में, हमने उन बदलावों को हाइलाइट किया है जो आपको अपने विज्ञापन कोड में करने होंगे. पक्का करें कि आपने अपने विज्ञापन कोड में एक ही क्लास का नाम (उदाहरण के लिए, infeed) इस्तेमाल किया हो.

विज्ञापन कोड बदलने के बाद, अलग-अलग स्क्रीन साइज़ पर अपने फ़ीड में विज्ञापन को टेस्ट करना न भूलें. इससे यह पक्का किया जा सकेगा कि आपने जो ऊंचाई चुनी है वह सभी डिवाइसों पर काम करती है.

फ़ीड में दिखने वाले मेरे विज्ञापनों में, कभी-कभी अतिरिक्त खाली सफ़ेद जगह या 'ज़्यादा दिखाएं' बटन क्यों दिखता है?

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

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