विज्ञापन यूनिट

अपने रिस्पॉन्सिव विज्ञापन कोड में बदलाव करने का तरीका

अगला: फ़िक्स आकार की डिसप्ले विज्ञापन यूनिट के बारे में निर्देश

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

शुरू करने से पहले:

अगर आपको सीएसएस मीडिया क्वेरी और अपने विज्ञापन कोड में बदलाव करने का अनुभव नहीं है, तो हमारा सुझाव है कि आप हर चौड़ाई की स्क्रीन के उदाहरण के मुताबिक, सही विज्ञापन यूनिट के साइज़ से शुरुआत करें.
अगर आपको सीएसएस मीडिया क्वेरी और अपने विज्ञापन कोड में बदलाव करने का तरीका पहले से पता है, तो सीधे बेहतर रिस्पॉन्सिव विज्ञापन कोड वाले फ़ीचर से जुड़े उदाहरण के सेक्शन पर जाएं.

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

हर चौड़ाई की स्क्रीन के उदाहरण के मुताबिक सही आकार की विज्ञापन यूनिट

इस उदाहरण में आपको मोबाइल, टैबलेट और डेस्कटॉप जैसी तीन श्रेणियों की स्क्रीन चौड़ाइयों के लिए खास विज्ञापन यूनिट आकारों के मुताबिक अपने रिस्पॉन्सिव कोड में बदलाव करने का तरीका दिखाया गया है. इस उदाहरण पर अमल करने के लिए आपके पास CSS मीडिया क्वेरी करने या AdSense विज्ञापन कोड में बदलाव करके का पहले से अनुभव होना ज़रूरी नहीं है.

यहां कुछ बदले गए रिस्पॉन्सिव विज्ञापन कोड दिए गए हैं जो हर स्क्रीन चौड़ाई के लिए नीचे दिया गया सही विज्ञापन यूनिट आकार सेट करते हैं :

500px तक चौड़ी स्क्रीन के लिए : 320x100 विज्ञापन यूनिट.
500px और 799px के बीच की तक चौड़ी स्क्रीन के लिए : 468x60 विज्ञापन यूनिट.
800 पिक्सल और इससे ज़्यादा चौड़ी स्क्रीन के लिए: 728x90 विज्ञापन यूनिट.

<style>

  .example_responsive_1 { width: 320px; height: 100px; }

  @media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }

  @media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }

  </style>

  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

  <!-- example_responsive_1 -->

  <ins class="adsbygoogle example_responsive_1"

       style="display:block"

       data-ad-client="ca-pub-1234567890123456"

       data-ad-slot="8XXXXX1"></ins>

  <script>

  (adsbygoogle = window.adsbygoogle || []).push({});

  </script>

इस सैंपल कोड में अपनी साइट के मुताबिक बदलाव करने के लिए :

अपने AdSense खाते में, एक डिसप्ले विज्ञापन यूनिट बनाएं. साथ ही, पक्का करें कि आपने "विज्ञापन साइज़" वाले सेक्शन में रिस्पॉन्सिव को चुना हुआ ही रहने दिया है. अपने रिस्पॉन्सिव विज्ञापन कोड से, नीचे दी गई जानकारी नोट कर लें:
- उदाहरण के लिए, आपका पब्लिशर आईडी, ca-pub-1234567890123456
- आपकी विज्ञापन यूनिट का आईडी (data-ad-slot), उदाहरण के लिए, 1234567890.
सैंपल कोड में:
- example_responsive_1 के सभी इंस्टेंस किसी यूनीक नाम, उदाहरण के लिए, Home_Page, front_page_123 वगैरह से बदलें.
  ज़रूरी जानकारी:
  - आपके यूनीक नाम में सिर्फ़ अंग्रेज़ी के वर्ण (A से Z तक), संख्याएं, और अंडरस्कोर होने चाहिए. साथ ही, पहला वर्ण अंग्रेज़ी का होना चाहिए.
  - हर बार इस सैंपल कोड में बदलाव करने पर, आपको किसी दूसरे यूनीक नाम का इस्तेमाल करना होगा.
- ca-pub-1234567890123456 को अपने निजी पब्लिशर आईडी से बदल दें.
- 8XXXXX1 को अपनी निजी विज्ञापन यूनिट के आईडी से बदलें.
हर चौड़ाई की स्क्रीन के मुताबिक अपने विज्ञापन यूनिट के लिए साइज़ तय करें:
- अगर आपको सैंपल कोड में मौजूद विज्ञापन यूनिट के साइज़ पसंद आते हैं, तो आपको कोई और बदलाव करने की ज़रूरत नहीं है.
- अगर आपको हर चौड़ाई की स्क्रीन के लिए अलग-अलग विज्ञापन यूनिट के साइज़ सेट करने हैं, तो इस सैंपल कोड में:
  - 320 पिक्सल और 100 पिक्सल को, उस विज्ञापन यूनिट की चौड़ाई और ऊंचाई से बदलें जिसे आपको 500 पिक्सल तक की स्क्रीन चौड़ाई के लिए इस्तेमाल करना हो.
  - 468px और 60px को उस विज्ञापन यूनिट की चौड़ाई और ऊंचाई से बदलें जिसे आप 500px से 799px तक चौड़ी स्क्रीन के लिए के लिए इस्तेमाल करना चाहते हैं.
  - 728px और 90px को उस विज्ञापन यूनिट की चौड़ाई और ऊंचाई से बदलें जिसे आप 800px और इससे चौड़ी स्क्रीन चौड़ाई के लिए इस्तेमाल करना चाहते हैं.
अपने बदले गए विज्ञापन कोड को उस पेज के HTML सोर्स कोड में कॉपी और पेस्ट करें, जिस पर आप विज्ञापन दिखाना चाहते हैं.
सलाह: हमारा सुझाव है कि अपना विज्ञापन कोड डालने के बाद, आप अपने विज्ञापनों को अलग-अलग डिवाइस और स्क्रीन पर टेस्ट करके पक्का करें कि वे अलग-अलग डिवाइस और स्क्रीन के हिसाब से रिस्पॉन्सिव हैं या नहीं.

बेहतर रिस्पॉन्सिव विज्ञापन कोड सुविधा के उदाहरण

अगर आपको लगता है कि हमारा रिस्पॉन्सिव विज्ञापन कोड आपकी ज़रूरतें पूरी नहीं करता है, तो आप अपनी विज्ञापन यूनिट का सटीक आकार बताने के लिए अपने विज्ञापन कोड में CSS के ज़रिए बदलाव कर सकते हैं.

नोट : अगर आप अपने विज्ञापन कोड में बदलाव करने का तरीका पक्के तौर से नहीं जानते हैं, तो हम आपको इन बेहतर फ़ीचर का इस्तेमाल करने का सुझाव नहीं देते हैं.

बढ़ाई जा सकने वाली चौड़ाई और पहले से तय की गई ऊंचाई की जानकारी देना

आप CSS के ज़रिए अपने विज्ञापन यूनिट के लिए बढ़ाने लायक चौड़ाई और फ़िक्स ऊंचाई बताकर अपने रिस्पॉन्सिव विज्ञापन कोड में बदलाव कर सकते हैं. नीचे दिए गए उदाहरणों में आपको ये बदलाव करने का तरीका दिखाया गया है :

बढ़ाई जा सकने वाली चौड़ाई और पहले से तय की गई ऊंचाई के उदाहरण

इस उदाहरण में, आपको अपने रिस्पॉन्सिव विज्ञापन कोड में बदलाव करने का तरीका बताया गया है, ताकि पहले से तय की गई 90 पिक्सल की ऊंचाई और कम से कम 400 पिक्सल से 970 पिक्सल तक की बदली जा सकने वाली चौड़ाई के बारे में जानकारी दी जा सके:

<ins class="adsbygoogle"

       style="display:block;min-width:400px;max-width:970px;width:100%;height:90px"

       data-ad-client="ca-pub-1234567890123456"

       data-ad-slot="5678"></ins>

    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

    <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

हर स्क्रीन चौड़ाई के लिए साइज़ तय करें

आप CSS के ज़रिए अपनी विज्ञापन यूनिट का सही आकार बताने के लिए अपने रिस्पॉन्सिव विज्ञापन कोड में बदलाव कर सकते हैं. नीचे दिए गए उदाहरणों में आपको ये बदलाव करने का तरीका दिखाया गया है :

हर चौड़ाई की स्क्रीन के उदाहरण के मुताबिक सही साइज़

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

<style type="text/css">

    .adslot_1 { width: 320px; height: 100px; }

    @media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }

    @media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }

    </style>

    <ins class="adsbygoogle adslot_1"

        style="display:block;"

        data-ad-client="ca-pub-1234567890123456"

        data-ad-slot="5678"></ins>

    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

    <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

@media के नियम सीएसएस3 सिंटैक्स होते हैं और सभी मॉडर्न ब्राउज़र पर इस्तेमाल किए जा सकते हैं. ध्यान दें कि सीएसएस के ज़रिए बाहरी स्टाइल शीट में विज्ञापन कोड को सेट करने के लिए, आधिकारिक अनुमति नहीं है.

विज्ञापन यूनिट छिपाना

कुछ मामलों में, खासकर छोटे मोबाइल डिवाइस पर शायद आप विज्ञापन नहीं दिखाना चाहेंगे. अगर आप किसी विज्ञापन यूनिट को छिपाना चाहते हैं, तो आप CSS मीडिया क्वेरी की मदद से पैरामीटर सेट कर सकते हैं ताकि विज्ञापन अनुरोध न हो और कोई विज्ञापन न दिखाया जाए. नीचे दिए गए उदाहरण में ये बदलाव करने का तरीका बताया गया है :

खास स्क्रीन साइज़ के विज्ञापन छिपाने का उदाहरण

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

<style type="text/css">

    .adslot_1 { display:block; width: 320px; height: 50px; }

    @media (max-width: 400px) { .adslot_1 { display: none; } }

    @media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }

    @media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }

    </style>

    <ins class="adsbygoogle adslot_1"

       data-ad-client="ca-pub-1234567890123456"

       data-ad-slot="5678"></ins>

    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

    <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

इस उदाहरण में, अगर स्क्रीन की चौड़ाई 400 पिक्सल से कम है, तो कोई विज्ञापन नहीं दिखाया जाता.

ध्यान दें: कॉपी किए गए रिस्पॉन्सिव विज्ञापन कोड में बदलाव करते समय, आपको इन दो लाइनों को मिटाना होगा:

data-ad-format="auto"

    data-full-width-responsive="true"

ध्यान दें: इस सुविधा के बावजूद, कृपया हमेशा हमारी विज्ञापन प्लेसमेंट की नीतियों का पालन करना न भूलें. ध्यान रखें कि हमारे कार्यक्रम की नीतियोंके मुताबिक आपको अपने कोड में सिर्फ़ सीमित बदलाव करने की अनुमति है.

क्या यह उपयोगी था?

हम उसे किस तरह बेहतर बना सकते हैं?

और मदद चाहिए?

आगे दिए गए कदमों को आज़माएं:

सहायता समुदाय में पोस्ट करें समुदाय के सदस्यों से जवाब पाएं

हमसे संपर्क करें हमें ज़्यादा जानकारी दें और हम आपकी पूरी मदद करेंगे