Google Adsense के Ad Unit को Full Width में कैसे Display करें

Google Adsense Ad के विज्ञापन अगर ब्लॉग पर पूरी लंबाई में ना दिखें तो उस पर क्लिक बहुत कम प्राप्त होते हैं। इस समस्या का समाधान पाने के लिए आप को अपने Adsense Ad के code में कुछ अतिरिक्त (extra) details डालनी होगी, जिस से आप के Adsense Ads पूरी width यानी full लंबाई तक दिखें, और आप को उन विज्ञापन से ज़्यादा कमाई हो सके। किसी भी ब्लॉगर को एक article पोस्ट में हो सके तो अलग अलग size के ad unit लगाने चाहिए। लेकिन ऐसा कोई rule नहीं है। की आप same size के Adsense Ad Unit नहीं डाल सकते। आइये अब जानते हैं की, एक rectangle Ad Unit का Normal width किस तरह से full Page width में बदला जा सकता है।

Adsense Ad को Full width में display करने का तरीका।

Adsense Ad

Step-1

सब से पहले आप को अपने Adsense Ad अकाउंट में जा कर एक नया एड यूनिट तैयार कर लेना है। उसके बाद उसको एक खाली note pad पर पेस्ट करना है। अब उस Adsense Ad unit में आप को क्या क्या बदलाव लाने हैं इसका उदाहरण आप को नीचे दिखाया गया है।

Step-2

सामान्य गूगल एड यूनिट का उदाहरण-

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

<ins class=”adsbygoogle”

style=”display:inline-block;width:336px;height:300px”

data-ad-client=”ca-pub-xxxxxxxxxxxxxx”

data-ad-slot=”xxxxxxxx”></ins>

<script>

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

</script>

नोट- ऊपर दर्शाये हुए सामान्य गूगल एड यूनिट में जो भी डिटेल्स एड की गयी हैं वह आगे के तीसरे स्टेप में आप देख सकते हैं। अब यह नीचे लगी image को ध्यान से देखें। जब आप 336*300 pixel का एक नया एड यूनिट लगाएंगे तब आप को वह नीचे लगी Image screen फोटो की तरह अपने ब्लॉग पर दिखेगा।

 

Adsense Ad

Step – 3

एडिट किए हुए responsive गूगल एड यूनिट का उदाहरण-

<div style=”float:none;margin:10px 0 10px 0;text-align:center;”>

 <div class=’myads’>

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

<ins class=”adsbygoogle”

style=”display:inline-block;width:100%;height:300px”

data-ad-client=”ca-pub-xxxxxxxxxxxxxx”

data-ad-slot=”xxxxxxxx”></ins>

<script>

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

</script>

</div></div>

नोट – हमने इस गूगल एड में जो तीन साधारण बदलाव किए है। वह इस प्रकार है। (1) Adsense Ad कोड की शुरुआत में <div style=”float:none;margin:10px 0 10px 0;text-align:center;”> और <div class=’myads’> यह दो लाइन जोड़ी हैं। Adsense Ad के बीछ में जहां Width 336px थी उसे बदल कर हमने 100% कर दिया है। और एड यूनिट के अंत में </div></div> इन दो टैग से उसे क्लोज़ किया है। ऊपर दर्शाये कोड में जो भी बदलाव किए हैं उसे bold किया है। इस छोटे से तीन बदलाव से जो result मिलता है वह कुछ इस प्रकार है। नीचे लगी फोटो को देखें।

Adsense Ad

# Domain Name क्या होता है। Best Domain Provider Companies की लिस्ट।

# Google Adsense क्या है। और कैसे काम करता है।

# Backlink क्या है। High Quality Backlink कैसे बढ़ाएँ

विशेष – इस प्रयोग को करने से गूगल एडसेंस की पॉलिसी का कोई उलंघन नहीं होता है। Adsense Ad बड़ा दिखता है जिस से उस पर क्लिक होने की संभावना बढ़ जाती है। डेस्कटॉप और लैपटॉप पर इस तरह के ads बहुत सुदर दिखते हैं।

Internet पर काम कर रहे कई blogger इस उपयोगी तकनीक का ईस्त्माल कर रहे हैं। इस छोटी सी trick का ईस्त्माल कर के ad revenue में बड़ा फर्क पड़ता है।

Note – यह Adsense Ad Unit का सिर्फ एक उदाहरण है आप को खुद के Adsense Ad Unit में यह बदलाव करने है। इस तकनीक से अगर एड यूनिट responsive width में display करने में दिक्कत आ रही हों तो नीचे comment box में अपना प्रोब्लेम शेयर करें। – धन्यवाद।

28 Comments

  1. Yasir Khan July 10, 2017
    • Paresh Barai July 10, 2017
  2. Panwer dishu July 14, 2017
    • Paresh Barai July 14, 2017
  3. Gautam July 28, 2017
    • Paresh Barai July 28, 2017
      • gautam July 30, 2017
        • Paresh Barai July 31, 2017
  4. gautam July 31, 2017
    • Paresh Barai July 31, 2017
      • Gautam July 31, 2017
        • Paresh Barai July 31, 2017
      • Gautam July 31, 2017
        • Paresh Barai July 31, 2017
          • Gautam August 1, 2017
  5. gautam August 2, 2017
    • Paresh Barai August 2, 2017
      • gautam August 2, 2017
        • Gautam August 3, 2017
          • Paresh Barai August 3, 2017
    • Paresh Barai August 3, 2017
  6. gautam August 4, 2017
    • Paresh Barai August 5, 2017
  7. gautam August 6, 2017
    • Paresh Barai August 8, 2017
  8. gautam August 8, 2017
  9. gautam August 8, 2017

Leave a Reply

Your email address will not be published. Required fields are marked *