वर्कस्पेस खोलें

इम्प्लीमेंटेशन गाइड

AMP पेजों पर विज्ञापन

AMP ads (amp-ad, amp-auto-ads, amp-sticky-ad)

AdSense और Ad Manager में amp-ad, ऑटो विज्ञापन और स्टिकी पट्टी से AMP पेजों पर विज्ञापन कैसे दिखाएँ।

  • AdSense
  • Ad Manager
  • मोबाइल और डेस्कटॉप (AMP पेजों पर)
फ़ॉर्मेट सीखेंमेरी साइट पर जाँचें
डेस्कटॉप
मोबाइल

1 मिनट में समझें

AMP पेजों पर विज्ञापन क्या हैं

AMP बहुत हल्के और तेज़ पेज बनाने का एक तरीका है, जिसे ओपन प्रोजेक्ट के रूप में बनाया गया। खानों वाले लंचबॉक्स की कल्पना कीजिए: हर चीज़ का अपना कोना है और कुछ भी ऐसे ही अंदर नहीं डाला जा सकता। AMP पेज में भी यही है। आप कोई भी विज्ञापन कोड नहीं चिपका सकते। इसके बजाय आप तैयार हिस्से इस्तेमाल करते हैं, जिन्हें कॉम्पोनेंट कहते हैं, जो पेज को भारी किए बिना विज्ञापन माँगना और दिखाना जानते हैं।

तीन मुख्य हिस्से हैं। amp-ad साधारण विज्ञापन जगह है, बैनर की तरह: आप नेटवर्क का प्रकार बताते हैं, AdSense के लिए adsense या Ad Manager के लिए doubleclick, और चौड़ाई तथा ऊँचाई देते हैं। amp-auto-ads ऑटोमैटिक मोड है: यह नेटवर्क से कॉन्फ़िगरेशन पाता है और खुद चुनता है कि विज्ञापन कहाँ लगाने हैं, अधिकतम संख्या और विज्ञापनों के बीच न्यूनतम दूरी का सम्मान करते हुए। amp-sticky-ad वह पट्टी है जो स्क्रीन के नीचे चिपकी रहती है, एंकर की तरह, और उसमें बंद करने का बटन होता है।

विज्ञापन नेटवर्क का कोड सीधे पेज पर नहीं चलता। वह एक अलग बॉक्स में चलता है, जिसे iframe कहते हैं, और जिसे AMP खुद नियंत्रित करता है। अगर विज्ञापन न आए, तो AMP खाली जगह छिपाने की कोशिश करता है, लेकिन स्क्रीन पर दिख रही जगह नहीं छिपाता, ताकि पेज उछले नहीं। AMP विज्ञापन तय पोज़िशन वाले बॉक्स के अंदर भी नहीं हो सकते, सिवाय AMP के अपने फ़िक्स्ड विज्ञापनों और amp-lightbox के।

Google समझाता है कि AMP एक ओपन प्रोजेक्ट है जो हर डिवाइस पर तेज़ और अच्छे प्रदर्शन वाले पेज चाहता है। AdSense में आप विज्ञापन ब्लॉक बनाते हैं और AMP कोड चुनते हैं, या AMP के लिए स्वचालित विज्ञापन चालू करते हैं। Ad Manager में आप सीधे पैनल से AMP टैग जनरेट करते हैं, और Google AMP के लिए HTML विज्ञापन इस्तेमाल करने की सलाह देता है। इसे तब इस्तेमाल करना ठीक है जब आपकी साइट के पेजों के AMP संस्करण पहले से हों और आप चाहते हों कि उनमें भी विज्ञापन दिखें।

चरण-दर-चरण

कैसे लागू करें

  1. कॉम्पोनेंट head में लोड करेंAMP पेज के head में amp-ad की स्क्रिप्ट रखें। अगर ऑटो विज्ञापन या फ़िक्स्ड पट्टी इस्तेमाल कर रहे हैं, तो amp-auto-ads और amp-sticky-ad की स्क्रिप्ट भी रखें।
  2. AdSense: AMP यूनिट बनाएँAdSense में विज्ञापन, विज्ञापन ब्लॉक के अनुसार और डिस्प्ले विज्ञापन पर क्लिक करें। नाम दें, रेस्पॉन्सिव रहने दें, सेव करें और कोड पाएँ पर क्लिक करें और फिर AMP पर क्लिक करें। स्क्रिप्ट head में और विज्ञापन का कोड body में जाता है।
  3. AdSense: AMP के लिए ऑटो विज्ञापन चालू करेंविज्ञापन में क्या आपके पास AMP साइट है? पर क्लिक करें, AMP के लिए स्वचालित विज्ञापन चालू करें और AMP कोड पाएँ पर क्लिक करें। स्क्रिप्ट को head में और कोड को हर पेज के body खुलने के ठीक बाद चिपकाएँ। फिर हो गया और लागू करें पर क्लिक करें।
  4. Ad Manager: AMP टैग बनाएँइन्वेंटरी और विज्ञापन ब्लॉक पर क्लिक करें, ब्लॉक खोलें और टैग टैब पर जाएँ। AMP टैग चुनें और जारी रखें पर क्लिक करें। प्लेसहोल्डर और फ़ॉलबैक शामिल करने के लिए AMP मार्कर पर निशान लगाएँ और ब्लॉक के साइज़ चुनें।
  5. AMP पेज को सामान्य पेज से जोड़ेंसामान्य पेज पर amphtml मार्कअप से AMP संस्करण की ओर इशारा करें। AMP पेज पर canonical मार्कअप से वापस सामान्य पेज की ओर इशारा करें।
  6. इंतज़ार करें और जाँचेंविज्ञापनों को दिखने में कुछ मिनट लग सकते हैं और कभी-कभी एक घंटा तक।

लागू किया गया उदाहरण

कोड और स्क्रीन पर यह कैसा दिखता है

कॉम्पोनेंट की स्क्रिप्ट head में जाती हैं; amp-auto-ads body खुलने के ठीक बाद जाता है, और बाकी विज्ञापन body में, जहाँ उन्हें दिखना है।
<!-- No <head> da página AMP -->
<script async custom-element="amp-ad"
  src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
<script async custom-element="amp-auto-ads"
  src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"></script>
<script async custom-element="amp-sticky-ad"
  src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"></script>

<body>
  <!-- AdSense: anúncios automáticos, logo depois de abrir o body -->
  <amp-auto-ads type="adsense"
    data-ad-client="ca-pub-0000000000000000">
  </amp-auto-ads>

  <!-- AdSense: bloco responsivo, onde o anúncio deve aparecer -->
  <amp-ad width="100vw" height="320"
    type="adsense"
    data-ad-client="ca-pub-0000000000000000"
    data-ad-slot="1234567890"
    data-auto-format="rspv"
    data-full-width>
    <div overflow></div>
  </amp-ad>

  <!-- Ad Manager: faixa fixa embaixo (só uma por página) -->
  <amp-sticky-ad layout="nodisplay">
    <amp-ad width="320" height="50"
      type="doubleclick"
      data-slot="/1234567/exemplo">
    </amp-ad>
  </amp-sticky-ad>
</body>
डेस्कटॉप परamp-ad तय चौड़ाई और ऊँचाई के साथ जगह घेरता है, साधारण बैनर की तरह। amp-sticky-ad की फ़िक्स्ड पट्टी नीचे चिपकी रहती है, पूरी चौड़ाई के साथ और अधिकतम 100 पिक्सल ऊँचाई में।
मोबाइल परAdSense की रेस्पॉन्सिव यूनिट स्क्रीन की चौड़ाई लेती है। फ़िक्स्ड पट्टी नीचे रहती है, बंद की जा सकती है, और पेज के अंत पर पहुँचने पर AMP उसे अतिरिक्त जगह देता है ताकि वह कंटेंट न ढके।

Google क्या सलाह देता है

क्या करें और क्या नहीं

कर सकते हैं

  • चौड़ाई और ऊँचाई बताकर adsense या doubleclick प्रकार के साथ amp-ad इस्तेमाल करना।
  • AdSense की रेस्पॉन्सिव यूनिट इस्तेमाल करना, जिन्हें Google चुने हुए रखने की सलाह देता है।
  • AdSense के साथ amp-auto-ads इस्तेमाल करना और AMP पेजों पर जो फ़ॉर्मेट नहीं चाहिए उन्हें पैनल में बंद करना।
  • हर पेज पर एक amp-sticky-ad फ़िक्स्ड पट्टी रखना, जिसके अंदर सिर्फ़ एक amp-ad हो।
  • विज्ञापन लोड होते समय प्लेसहोल्डर और न आने पर फ़ॉलबैक दिखाना।
  • Ad Manager में Fast Fetch इस्तेमाल करने वाले AMP विज्ञापनों को कम से कम 30 सेकंड के अंतराल पर रीफ़्रेश करना।

नहीं कर सकते

  • amp-ad को तय पोज़िशन वाले बॉक्स के अंदर रखना, सिवाय फ़िक्स्ड विज्ञापनों और amp-lightbox के।
  • एक ही पेज पर एक से ज़्यादा amp-sticky-ad रखना।
  • फ़िक्स्ड पट्टी में पारदर्शी या अर्ध-पारदर्शी बैकग्राउंड इस्तेमाल करना। AMP उसे ठोस रंग से बदल देता है।
  • HTTPS के बिना विज्ञापन या एम्बेड दिखाना।
  • Ad Manager में रीफ़्रेश को सिंगल रिक्वेस्ट (SRA) के साथ चालू करना। रीफ़्रेश बंद हो जाता है और गलती दिखती है।
  • amp-ad को सीधे Web Story में इस्तेमाल करना। Web Stories amp-story-auto-ads इस्तेमाल करती हैं।

सुझाव

सही तरीके से करने के लिए

सावधानी

आम गलतियां

head के बाहर स्क्रिप्ट

हर कॉम्पोनेंट की स्क्रिप्ट head में जाती है, और विज्ञापन body में। सही स्क्रिप्ट के बिना कॉम्पोनेंट काम नहीं करता।

उदाहरण का कोड कॉपी करना

जब आप AMP विकल्प चुनते हैं तो AdSense तैयार AMP कोड देता है। अपने पब्लिशर ID के साथ अपने खाते से कोड कॉपी करें।

गलत बनी फ़िक्स्ड पट्टी

amp-sticky-ad को nodisplay लेआउट और अपने अंदर सिर्फ़ एक amp-ad चाहिए।

अलग-थलग AMP पेज

AdSense चाहता है कि सामान्य पेज और AMP पेज amphtml और canonical मार्कअप से एक-दूसरे की ओर इशारा करें।

अक्सर पूछे जाने वाले सवाल

क्या मैं AMP पेज पर AdSense का सामान्य कोड इस्तेमाल कर सकता हूँ?

AMP कोड इस्तेमाल करें। AMP पेजों में विज्ञापन नेटवर्क का JavaScript सीधे पेज पर नहीं चलता, बल्कि AMP द्वारा नियंत्रित iframe में चलता है।

अगर विज्ञापन न आए तो क्या होता है?

AMP जगह छिपाने की कोशिश करता है। अगर न कर पाए, तो फ़ॉलबैक दिखाता है। बिना विज्ञापन की फ़िक्स्ड पट्टी दिखती ही नहीं।

क्या Ad Manager AMP में विज्ञापन रीफ़्रेश करता है?

हाँ, Fast Fetch वाले विज्ञापनों में। आप head में अंतराल के साथ एक मार्कअप लगाते हैं, कम से कम 30 सेकंड का, हर पेज या हर स्लॉट के लिए। यह SRA के साथ काम नहीं करता।

विज्ञापन दिखने में कितना समय लगता है?

आम तौर पर कुछ मिनट, और कभी-कभी एक घंटा तक।

लाइब्रेरी

Google का आधिकारिक स्रोत

इस पेज की हर बात Google के आधिकारिक दस्तावेज़ों पर आधारित है। सीधे स्रोत पर पढ़ें:

क्या आपकी साइट इस फ़ॉर्मेट का सही इस्तेमाल करती है?

ऑडिट साइट को एक विज़िटर की तरह पढ़ता है, बिना कुछ क्लिक किए, और दिखाता है कि क्या ठीक करना है।

ऑडिट करें