AMP Ad Unit क्या है और उसे कैसे बनाये ?

Accelerated Mobile Pages (AMP) एक ओपन source प्रोजेट है जो मोबाइल वेब जगत में कंटेंट पेजों को जल्दी से रेंडर करने में सहायता करती है। अगर आप अपने AMP पेजों में AdSense Ads दिखाना चाहते है तो इस लेख की सहायता से आप जान सकते है की AMP Ad Unit कैसे बनाये ?

AMP pages AMP HTML फॉर्मेट में लिखे हुए रहते जबकि नार्मल ads HTML फॉर्मेट में लिखे हुए रहते है। इसी वजह से इसे सामान्य AdSense ad tags की जगह अलग टैग की जरुरत पड़ती है।

AMP Ad Unit बनाने के लिए निचे दिए गए चरणों का पालन करे :

स्टेप 1: सबसे पहले आपको एक responsive ad unit बनाना होगा। इसके लिए आप निचे दिए गए लिंक पर क्लीक करे।

⇒ Responsive ad units कैसे बनाये ?

Ad unit बन जाने के बाद अपने responsive ad code से निम्नलिखित सूचनाओं को नोट कर ले।

  1. Your publisher ID (data-ad-client), for example, ca-pub-1234567891234567.
  2. Your ad unit’s ID (data-ad-slot), for example, 1234567890.

AMP-compatible ad code बनाने के लिए हमें इन दोनों चीजों की आवश्यकता होगी। निचे दिए गए ad code में आपको दिखाया गया है की ये दोनों चीजे आपको कहा मिलेंगी। 

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<ins class=”adsbygoogle”
style=”display:block”
 data-ad-client=”ca-pub-1234567891234567
data-ad-slot=”1234567890
data-ad-format=”auto”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

स्टेप 2:  इस स्टेप में आपको AMP ad code बनाना होगा। इसे बनाने के लिए आपको दो ऑप्शन दिए जायेंगे।

  1. Above the fold
  2. Below the fold

Above the fold ad placements करने के लिए, आप fixed height AMP ad unit का उपयोग करें। सर्वोत्तम परिणामों के लिए, विज्ञापन इकाई की ऊंचाई 100px के रूप में तय करें और चौड़ाई को responsive बना दें ताकि यह आपके बाकी पृष्ठ लेआउट के साथ स्वाभाविक रूप से फिट हो सके।

एक 100px fixed height AMP ad unit बनाने के लिए आपको data-ad-client एवं data-ad-slot values को खुद के  publisher ID एवं ad unit ID से बदलना पड़ेगा जैसे की आप निचे example में देख सकते है।

<amp-ad
layout=”fixed-height”
height=100
type=”adsense”
data-ad-client=”ca-pub-1234567891234567
data-ad-slot=”1234567890“>
</amp-ad>

Below the fold ad placements करने के लिए 300×250 responsive AMP ad unit का उपयोग करे। इसे युस करने का फायदा यह है की ad unit स्वचालित रूप से उस उपकरण के आकार के लिए खुद का आकार बदल लेगा जिससे वह देखे जा रहा है। 

एक 300×250 responsive AMP ad unit बनाने के लिए आपको data-ad-client एवं data-ad-slot values को खुद के  publisher ID एवं ad unit ID से बदलना पड़ेगा जैसे की आप निचे example में देख सकते है। 

<amp-ad
layout=”responsive”
width=300
height=250
type=”adsense”
data-ad-client=”ca-pub-1234567891234567
data-ad-slot=”1234567890“>
</amp-ad>

स्टेप 3: इसके बाद आपको  AMP ad code को अपने मोबाइल पेज में डालना है। उसके लिए आपको AMP ad code को कॉपी करके mobile page के HTML source code पर वहां पेस्ट करना है जहाँ आप ad दिखाना चाहते है।

स्टेप 4: इसके बाद आपको अपने पेज पर AMP Script पेस्ट करना होगा। आप निचे के उदहारण में इसे देख सकते है।

opy and paste the following code between the <head></head> tags of your AMP HTML:

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

तो दोस्तों इस तरह आप ऊपर दिए गए चरणों का पालन कर बड़ी आसानी से  AMP-compatible ad unit बना सकते हो।

Tags:

We will be happy to hear your thoughts

Leave a reply