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

Google प्रकाशक टैग (GPT), Google Ad Manager.

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

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

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

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

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

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

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

टेक्स्ट एडिटर में, 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>
  </body>
</html>

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

GPT लाइब्रेरी को लोड करने के लिए, HTML दस्तावेज़ का <head>.

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

अहम जानकारी: सिर्फ़ Google डोमेन से GPT लोड करें.
```
<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"
    crossorigin="anonymous"
  ></script>
  <style></style>
</head>
```
विज्ञापन स्लॉट तय करें

कोई विज्ञापन स्लॉट तय करें और googletag.enableServices() तरीका.

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

इस उदाहरण में मौजूद विज्ञापन स्लॉट, विज्ञापन से 300x250 आकार का एक विज्ञापन लोड करेगा पथ /6355419/Travel/Europe/France/Paris के ज़रिए तय की गई इकाई. यह विज्ञापन पेज के मुख्य हिस्से में <div id="banner-ad"> एलिमेंट में दिखाया जाता है, जो को इसके बाद जोड़ा जाएगा.
विज्ञापन यूनिट का पाथ, इस फ़ॉर्मैट में दिखता है /network-code/[parent-ad-unit-code/.../]ad-unit-code, कहां:
- network-code इसके लिए यूनीक आइडेंटिफ़ायर Ad Manager नेटवर्क जिससे विज्ञापन यूनिट जुड़ी है
- parent-ad-unit-code सभी पैरंट विज्ञापन यूनिट के कोड हैं (सिर्फ़) गैर-टॉप लेवल की विज्ञापन यूनिट पर लागू होता है)
- विज्ञापन यूनिट को दिखाने के लिए कोड ad-unit-code है
ध्यान दें कि विज्ञापन यूनिट पाथ में शामिल सभी विज्ञापन यूनिट कोड, फ़ॉर्मैट करने के नियम तय किए Ad Manager.
```
<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"
    crossorigin="anonymous"
  ></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>
```
तय करें कि विज्ञापन कहां दिखाया जाएगा

पेज पर विज्ञापन दिखाए जाने की जगह तय करने के लिए, यहां दिया गया कोड जोड़ें एचटीएमएल दस्तावेज़ का <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>
```
परीक्षण पेज की झलक देखें

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

चेतावनी: अगर आपको कोई विज्ञापन नहीं दिखता है, तो पक्का करें कि पेज का <head>, आपके जोड़े गए <div> एलिमेंट के आईडी से मेल खाता है पेज का <body>.

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

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

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

चेतावनी: पक्का करें कि<div> पेज का मुख्य हिस्सा, इसमें तय किए गए विज्ञापन स्लॉट की चौड़ाई, ऊंचाई, और आईडी से मेल खाता है बार-बार इस्तेमाल किया जाता है.
```
<head>
  <meta charset="utf-8">
  <title>Hello GPT</title>
  <script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></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>
```
अपडेट की गई hello-gpt.html फ़ाइल सेव करें और उसे किसी वेब ब्राउज़र में खोलें.

आगे बढ़ें

बुनियादी बातें जानें