Google पब्लिशर टैग का इस्तेमाल शुरू करना

Google पब्लिशर टैग (GPT), Google Ad Manager के लिए एक विज्ञापन टैगिंग लाइब्रेरी है.

विज्ञापन अनुरोध बनाने के लिए, GPT का इस्तेमाल किया जा सकता है. GPT, विज्ञापन यूनिट कोड, विज्ञापन का साइज़, और कस्टम टारगेटिंग जैसी अहम जानकारी लेकर, अनुरोध तैयार करता है, और वेब पेजों पर विज्ञापन दिखाता है.

GPT के बारे में ज़्यादा जानकारी के लिए, Ad Manager सहायता केंद्र पर जाएं.

यहां कुछ नमूने दिए गए हैं, जिनका इस्तेमाल GPT के साथ शुरू करने के लिए किया जा सकता है. अगर आपको GPT के बारे में और मदद चाहिए, तो सहायता विकल्प देखें.

टेस्ट विज्ञापन दिखाएं

इस उदाहरण में, टेस्ट पेज बनाने का तरीका बताया गया है. इस पेज पर, Google के टेस्ट नेटवर्क से सामान्य विज्ञापन लोड करने के लिए, GPT का इस्तेमाल किया गया है.

इस उदाहरण का पूरा कोड टेस्ट विज्ञापन दिखाएं सैंपल पेज पर देखा जा सकता है.

  1. एक बेसिक एचटीएमएल दस्तावेज़ बनाना

    टेक्स्ट एडिटर में, hello-gpt.html नाम का एक बेसिक एचटीएमएल दस्तावेज़ बनाएं.

    <!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Display a fixed-sized test ad." />
    <title>Display a test ad</title>
    <style></style>
  </head>
  <body>
    <script>
      googletag.cmd.push(() => {
        // Request and render an ad for the "banner-ad" slot.
        googletag.display("banner-ad");
      });
    </script>
  </body>
</html>

  2. GPT लाइब्रेरी लोड करें

    एचटीएमएल दस्तावेज़ के <head> में यह जोड़कर GPT लाइब्रेरी को लोड करें.

    यह कोड https://securepubads.g.doubleclick.net/tag/js/gpt.js से जीपीटी लाइब्रेरी को लोड करता है. लाइब्रेरी पूरी तरह लोड हो जाने के बाद, यह googletag ऑब्जेक्ट में, सूची में दिए गए सभी निर्देशों को प्रोसेस करती है.

    <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="Display a fixed-sized test ad." />
  <title>Display a test ad</title>
  <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
  <style></style>
</head>

  3. विज्ञापन स्लॉट तय करें

    विज्ञापन स्लॉट तय करें और googletag.enableServices() तरीके का इस्तेमाल करके GPT शुरू करें.

    यह कोड सबसे पहले पक्का करता है कि googletag ऑब्जेक्ट उपलब्ध हो. इसके बाद, एक कमांड को प्रोसेस किया जाता है, जो एक विज्ञापन स्लॉट बनाता है और GPT को चालू करता है.

    इस उदाहरण में दिया गया विज्ञापन स्लॉट, पाथ /6355419/Travel/Europe/France/Paris से तय विज्ञापन इकाई से 300x250 आकार का विज्ञापन लोड करेगा. विज्ञापन को पेज के मुख्य हिस्से में <div id="banner-ad"> एलिमेंट के तौर पर दिखाया जाएगा, जिसे बाद में जोड़ा जाएगा.

    <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="Display a fixed-sized test ad." />
  <title>Display a test ad</title>
  <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
  <script>
    window.googletag = window.googletag || { cmd: [] };

    googletag.cmd.push(() => {
      // Define an ad slot for div with id "banner-ad".
      googletag
        .defineSlot("/6355419/Travel/Europe/France/Paris", [300, 250], "banner-ad")
        .addService(googletag.pubads());

      // Enable the PubAdsService.
      googletag.enableServices();
    });
  </script>
  <style></style>
</head>

  4. तय करें कि विज्ञापन कहां दिखाना है

    एचटीएमएल दस्तावेज़ के <body> में इस कोड को जोड़कर तय करें कि पेज पर विज्ञापन कहां दिखेगा.

    ध्यान दें कि इस <div> का आईडी, विज्ञापन स्लॉट को तय करते समय दिए गए आईडी से मेल खाता है.

    <body>
  <div id="banner-ad" style="width: 300px; height: 250px"></div>
  <script>
    googletag.cmd.push(() => {
      // Request and render an ad for the "banner-ad" slot.
      googletag.display("banner-ad");
    });
  </script>
</body>

  5. टेस्ट पेज की झलक देखें

    hello-gpt.html फ़ाइल को सेव करें और उसे वेब ब्राउज़र में खोलें. लोड होने के बाद, यह पेज वेब पेज के मुख्य हिस्से में एक टेस्ट विज्ञापन दिखाएगा.

अपना विज्ञापन दिखाएं

अपना विज्ञापन दिखाने के लिए, टेस्ट विज्ञापन दिखाएं में मौजूद hello-gpt.html फ़ाइल का इस्तेमाल करें. इसके बाद, हेडर में मौजूद कोड को अपने Ad Manager नेटवर्क की इन्वेंट्री की जानकारी देने वाले कोड से बदलें.

  1. जिस विज्ञापन यूनिट को दिखाना है उसके लिए एक विज्ञापन टैग जनरेट करें. Ad Manager सहायता केंद्र में विज्ञापन टैग जनरेट करने के बारे में ज़्यादा जानें.

  2. दस्तावेज़ हेडर सेक्शन में दिया गया विज्ञापन टैग कोड कॉपी करें और इसका इस्तेमाल अपने एचटीएमएल दस्तावेज़ के <head> में उससे जुड़े कोड को बदलने के लिए करें.

    <head>
 <meta charset="utf-8">
 <title>Hello GPT</title>
 <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
 <script>
   window.googletag = window.googletag || {cmd: []};
   googletag.cmd.push(function() {
     googletag
         .defineSlot(
             'ad-unit-path', [width, height], 'div-id')
         .addService(googletag.pubads());
     googletag.enableServices();
   });
 </script>
</head>

  3. अपडेट की गई hello-gpt.html फ़ाइल सेव करें और उसे वेब ब्राउज़र में खोलें.

आगे बढ़ें
बुनियादी बातें जानें