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

नेटिव विज्ञापन

Native ads

टुकड़ों (शीर्षक, इमेज, टेक्स्ट) से बना विज्ञापन जिसे आपकी साइट का रूप दिया जाता है, और जिस पर हमेशा विज्ञापन होने की सूचना वाला लेबल रहता है।

Ad Manager
मोबाइल और डेस्कटॉप

फ़ॉर्मेट सीखें मेरी साइट पर जाँचें

डेस्कटॉप

मोबाइल

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

नेटिव विज्ञापन क्या है

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

Ad Manager में इस विज्ञापन को सजाने के दो तरीके हैं। पहला, नेटिव स्टाइल, जो Ad Manager के अंदर ही बनते हैं, तैयार टेंप्लेट वाले गाइडेड डिज़ाइन एडिटर से या कोड जानने वालों के लिए HTML और CSS से। Google कहता है कि स्टाइल वेब और ऐप दोनों के लिए काम करते हैं। दूसरा, Android और iOS ऐप का कोड, जिसमें ऐप डेवलपर को Google Mobile Ads SDK से हिस्से मिलते हैं और वह सब कुछ ऐप के कोड में बनाता है। साइटों के लिए रास्ता नेटिव स्टाइल है।

नेटिव विज्ञापन कंटेंट जैसा दिखता है, इसलिए Google एक बात पर बहुत सख्त है: विज़िटर को पता होना चाहिए कि यह विज्ञापन है। एट्रिब्यूशन लेबल और AdChoices आइकन कार्ड को विज्ञापन के रूप में चिह्नित करते हैं। कुछ भी इन लेबलों को छिपा, ढक या बदलकर दिखा नहीं सकता, और विज्ञापन कंटेंट से साफ़ अलग दिखना चाहिए। यह दुकान के अंदर लगे प्रचार पोस्टर जैसा है: वह सुंदर हो सकता है और सजावट से मेल खा सकता है, लेकिन साफ़ होना चाहिए कि वह प्रचार है।

Google ने यह फ़ॉर्मैट इसलिए बनाया ताकि विज्ञापनदाता का भेजा हुआ बदले बिना वही विज्ञापन साइट के हर हिस्से में अलग रूप में दिख सके। वेब पर Google Flexible (fluid) साइज़ की सलाह देता है, जो कॉलम की चौड़ाई ले लेता है और ऊँचाई अपने आप एडजस्ट करता है। यह तब काम का है जब आप चाहते हैं कि विज्ञापन आपके पेजों के डिज़ाइन से मेल खाएँ, जैसे पोस्टों की सूची के आइटमों के बीच, और विज्ञापन का लेबल साफ़ दिखता रहे।

चरण-दर-चरण

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

नेटिव फ़ॉर्मेट चुनेंAd Manager में डिलीवरी और फिर नेटिव पर जाएँ। अपनी ज़रूरत के हिस्सों वाला मानक फ़ॉर्मैट इस्तेमाल करें। प्रोग्रामैटिक विज्ञापनों के लिए Google सिर्फ़ मानक फ़ॉर्मैट स्वीकार करता है।
स्टाइल बनाएँनया नेटिव स्टाइल पर क्लिक करें और गाइडेड डिज़ाइन एडिटर या HTML और CSS चुनें। गाइडेड एडिटर में टेंप्लेट से शुरू करें और पसंद के अनुसार बदलें वाला रास्ता पारंपरिक और प्रोग्रामैटिक दोनों विज्ञापनों के लिए चलता है।
आकार और टार्गेटिंग तय करेंवही साइज़ चुनें जो उन विज्ञापन ब्लॉकों का है जिन्हें नेटिव मिलेगा। Google Flexible की सलाह देता है। अगर स्टाइल Flexible है, तो विज्ञापन ब्लॉक भी Flexible होना चाहिए, और स्टाइल की टार्गेटिंग लाइन आइटम की टार्गेटिंग से मेल खानी चाहिए।
लेबल के साथ रूप बनाएँफ़ॉर्मैट के सभी ज़रूरी हिस्से दिखाएँ, विज्ञापन के लेबल समेत।
पेज पर टैग लगाएँGPT में fluid आकार के साथ स्लॉट परिभाषित करें और div को ऐसे कॉलम के अंदर रखें जिसकी चौड़ाई शून्य से ज़्यादा हो।

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

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

GPT की स्क्रिप्ट head में जाती है; दिखाने की कॉल वाला div body में जाता है, उस कॉलम के अंदर जहाँ नेटिव विज्ञापन दिखना चाहिए।

<!-- No <head> -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    // Slot nativo com tamanho fluido.
    googletag
      .defineSlot("/1234567/exemplo", ["fluid"], "nativo-exemplo")
      .addService(googletag.pubads());
    googletag.enableServices();
  });
</script>

<!-- No <body>, dentro de uma coluna com largura -->
<div id="nativo-exemplo"></div>
<script>
  googletag.cmd.push(() => {
    googletag.display("nativo-exemplo");
  });
</script>

डेस्कटॉप परयह साइट से मेल खाते कार्ड की तरह दिखता है, जिसमें इमेज, शीर्षक, टेक्स्ट और विज्ञापन का लेबल होता है। Flexible (fluid) साइज़ में यह उस कॉलम की पूरी चौड़ाई ले लेता है जहाँ यह रखा है।

मोबाइल परयह उसी तरह दिखता है, स्क्रीन की चौड़ाई के हिसाब से ढला हुआ। प्रोग्रामैटिक स्टाइल में AdChoices आइकन ऊपरी दाएँ कोने में दिखता है।

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

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

कर सकते हैं

Ad Manager के अंदर गाइडेड डिज़ाइन एडिटर या HTML और CSS से नेटिव स्टाइल बनाना।
Flexible (fluid) साइज़ इस्तेमाल करें, जिसकी Google डिज़ाइन में ज़्यादा आज़ादी के लिए सलाह देता है।
एट्रिब्यूशन लेबल का रूप लेआउट से मेल खाने के लिए बदलना, बशर्ते वह पढ़ने में आसान रहे।
एक ही विज्ञापन को साइट के अलग-अलग हिस्सों में अलग लेआउट के साथ दिखाना।
पारंपरिक विज्ञापनों के लिए कस्टम नेटिव फ़ॉर्मेट बनाना, यह जानते हुए कि उसे प्रोग्रामैटिक विज्ञापन नहीं मिलते।

नहीं कर सकते

एट्रिब्यूशन लेबल या AdChoices आइकन को छिपाना, ढकना या छद्म रूप देना।
विज्ञापन को कंटेंट से अलग पहचानना मुश्किल बना देना। Google की माँग है कि विज्ञापन कंटेंट से साफ़ अलग रहें।
विज्ञापन के टुकड़ों को पेज के नेविगेशन बटन की नक़ल करने देना।
फ़ॉर्मैट के ज़रूरी हिस्से न दिखाना, जैसे विज्ञापन का लेबल और शीर्षक।
इमेज और वीडियो को क्रॉप करना, उनका अनुपात बदलना या हिस्सों को एक-दूसरे पर चढ़ने देना।
विज्ञापन का कोई और हिस्सा AdChoices के लिए आरक्षित कोने में रखना।

सुझाव

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

प्रोग्रामैटिक कंटेंट फ़ॉर्मेट में, शीर्षक अधिकतम 90 अक्षरों का होता है। जगह की योजना इसी हिसाब से बनाएँ।
फ़्लुइड विज्ञापन उस कॉलम के अंदर सबसे अच्छा काम करते हैं जिसकी चौड़ाई शून्य पिक्सल से ज़्यादा हो।
अच्छे कंट्रास्ट वाला टेक्स्ट और सिर्फ़ स्वीकृत फ़ॉन्ट इस्तेमाल करें। प्रोग्रामैटिक स्टाइल में, Google थर्ड-पार्टी फ़ॉन्ट या लाइब्रेरी स्वीकार नहीं करता।
Google चेतावनी देता है कि फ़्लुइड विज्ञापन दिखने में ज़्यादा समय ले सकते हैं और ऊँचाई बदलने पर आसपास के कंटेंट को हिला सकते हैं।

सावधानी

आम गलतियां

स्टाइल का आकार यूनिट से अलग

अगर स्टाइल Flexible है, तो विज्ञापन ब्लॉक भी Flexible होना चाहिए। Google कहता है कि साइज़ एक जैसे होने चाहिए।

प्रोग्रामैटिक की उम्मीद करता कस्टम फ़ॉर्मेट

कस्टम नेटिव फ़ॉर्मेट को प्रोग्रामैटिक विज्ञापन नहीं मिलते। प्रोग्रामैटिक के लिए सिर्फ़ स्टैंडर्ड फ़ॉर्मेट मान्य हैं।

बिना चौड़ाई या जमी हुई ऊँचाई वाला बॉक्स

शून्य चौड़ाई वाले कॉलम में, या विज्ञापन से छोटी तय ऊँचाई वाले बॉक्स के अंदर, फ़्लुइड विज्ञापन ग़लत दिख सकता है।

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

क्या नेटिव विज्ञापन में सच में बताना ज़रूरी है कि वह विज्ञापन है?

हाँ। एट्रिब्यूशन लेबल और AdChoices इसलिए हैं कि कोई विज्ञापन को कंटेंट न समझे, और इन्हें छिपाया या छद्म रूप नहीं दिया जा सकता।

क्या Android और iOS ऐप का कोड साइट पर काम करता है?

नहीं। Google यह रास्ता Google Mobile Ads SDK वाले Android और iOS ऐप के लिए बताता है। साइटों के लिए रास्ता नेटिव स्टाइल है।

क्या मैं फ़्लुइड आकार दूसरे विज्ञापनों में इस्तेमाल कर सकता हूँ?

GPT के दस्तावेज़ों के अनुसार, फ़िलहाल नेटिव विज्ञापन ही एकमात्र फ़्लुइड प्रकार है जिसे Ad Manager स्वीकार करता है।

लाइब्रेरी

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

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

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

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

ऑडिट करें