Google প্রকাশক ট্যাগ দিয়ে শুরু করুন

Google প্রকাশক ট্যাগ (GPT) হল Google Ad Manager-এর জন্য একটি বিজ্ঞাপন ট্যাগিং লাইব্রেরি।

আপনি গতিশীলভাবে বিজ্ঞাপন অনুরোধ তৈরি করতে GPT ব্যবহার করতে পারেন। GPT বিজ্ঞাপন ইউনিট কোড, বিজ্ঞাপনের আকার এবং কাস্টম টার্গেটিং এর মতো মূল বিবরণ নেয়, অনুরোধ তৈরি করে এবং ওয়েব পৃষ্ঠাগুলিতে বিজ্ঞাপন প্রদর্শন করে।

GPT সম্পর্কে আরও বিশদ বিবরণের জন্য, অ্যাড ম্যানেজার সহায়তা কেন্দ্র দেখুন।

এখানে কিছু নমুনা রয়েছে যা আপনি GPT দিয়ে শুরু করতে ব্যবহার করতে পারেন। আপনার যদি GPT এর সাথে আরও সাহায্যের প্রয়োজন হয়, তাহলে সমর্থন বিকল্পগুলি দেখুন৷

একটি পরীক্ষার বিজ্ঞাপন প্রদর্শন করুন

নিম্নলিখিত উদাহরণটি আপনাকে একটি পরীক্ষার পৃষ্ঠা তৈরি করার মাধ্যমে নিয়ে যায় যা Google-এর পরীক্ষা নেটওয়ার্ক থেকে একটি জেনেরিক বিজ্ঞাপন লোড করতে GPT ব্যবহার করে।

এই উদাহরণের জন্য সম্পূর্ণ কোড একটি পরীক্ষার বিজ্ঞাপনের নমুনা পৃষ্ঠা প্রদর্শনে পাওয়া যাবে।

  1. একটি মৌলিক HTML নথি তৈরি করুন

    একটি পাঠ্য সম্পাদকে, hello-gpt.html নামে একটি মৌলিক 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 লাইব্রেরি লোড করুন

    HTML নথির <head> এ নিম্নলিখিত যোগ করে GPT লাইব্রেরি লোড করুন।

    এই কোডটি https://securepubads.g.doubleclick.net/tag/js/gpt.js থেকে GPT লাইব্রেরি লোড করে। একবার লাইব্রেরি সম্পূর্ণরূপে লোড হয়ে গেলে, এটি 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. বিজ্ঞাপনটি কোথায় প্রদর্শিত হবে তা উল্লেখ করুন

    HTML নথির <body> এ নিম্নলিখিত কোড যোগ করে পৃষ্ঠায় বিজ্ঞাপনটি কোথায় প্রদর্শিত হবে তা নির্দিষ্ট করুন।

    মনে রাখবেন যে এই <div> এর ID বিজ্ঞাপন স্লট সংজ্ঞায়িত করার সময় নির্দিষ্ট করা আইডির সাথে মেলে।

    <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 ফাইলটি ব্যবহার করুন, তারপর আপনার নিজের বিজ্ঞাপন ব্যবস্থাপক নেটওয়ার্ক থেকে কোড নির্দিষ্ট তালিকার সাথে শিরোনামের কোডটি প্রতিস্থাপন করুন।

  1. আপনি যে বিজ্ঞাপন ইউনিট প্রদর্শন করতে চান তার জন্য একটি বিজ্ঞাপন ট্যাগ তৈরি করুন। অ্যাড ম্যানেজার সহায়তা কেন্দ্রে বিজ্ঞাপন ট্যাগ তৈরি করার বিষয়ে আরও জানুন।

  2. ডকুমেন্ট হেডার বিভাগে দেওয়া বিজ্ঞাপন ট্যাগ কোডটি কপি করুন এবং আপনার HTML ডকুমেন্টের <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 ফাইলটি সংরক্ষণ করুন এবং এটি একটি ওয়েব ব্রাউজারে খুলুন।