با برچسب ناشر Google شروع کنید

برچسب Google Publisher (GPT) یک کتابخانه برچسب گذاری تبلیغاتی برای مدیر تبلیغات Google است.

می توانید از GPT برای ساخت پویا درخواست های تبلیغاتی استفاده کنید. GPT جزئیات کلیدی مانند کد آگهی ، اندازه تبلیغات و هدف قرار دادن سفارشی را به خود اختصاص می دهد ، درخواست را می سازد و آگهی را در صفحات وب نمایش می دهد.

برای اطلاعات بیشتر در مورد GPT ، به مرکز راهنمای مدیر تبلیغ مراجعه کنید.

در اینجا چند نمونه وجود دارد که می توانید برای شروع با GPT استفاده کنید. اگر به GPT به کمک بیشتری نیاز دارید ، گزینه های پشتیبانی را ببینید.

نمایش یک تبلیغ آزمایشی

مثال زیر شما را از طریق ایجاد یک صفحه آزمایشی که از GPT برای بارگذاری یک تبلیغ عمومی از شبکه تست Google استفاده می کند ، پیاده می کند.

کد کامل برای این مثال را می توان در صفحه نمایش نمونه آگهی آزمایشی مشاهده کرد.

  1. یک سند HTML اولیه ایجاد کنید

    در یک ویرایشگر متن ، یک سند اساسی HTML به نام 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 را بارگیری کنید

    کتابخانه GPT را با اضافه کردن موارد زیر به <head> سند HTML بارگیری کنید.

    این کد کتابخانه 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. یک جایگاه تبلیغاتی را تعریف کنید

    یک شکاف AD را تعریف کرده و GPT را با استفاده از روش googletag.enableServices() تنظیم کنید.

    این کد ابتدا تضمین می کند که شیء Googletag در دسترس باشد ، سپس یک فرمان را تشکیل می دهد که یک شکاف تبلیغاتی را ایجاد می کند و GPT را فعال می کند.

    شکاف AD در این مثال یک آگهی از اندازه 300x250 را از واحد تبلیغ مشخص شده توسط PATH /6355419/Travel/Europe/France/Paris بارگذاری می کند. تبلیغ در یک عنصر <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> سند HTML، مکان نمایش آگهی را در صفحه مشخص کنید.

    توجه داشته باشید که شناسه این <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 از Display a test ad استفاده کنید، سپس کد موجود در سربرگ را با کد مشخص کننده موجودی از شبکه Ad Manager خود جایگزین کنید.

  1. یک برچسب تبلیغاتی برای واحد تبلیغاتی که می خواهید نمایش دهید ایجاد کنید. درباره ایجاد برچسب های تبلیغاتی در مرکز راهنمای Ad Manager بیشتر بیاموزید.

  2. کد تگ آگهی ارائه شده در بخش هدر سند را کپی کنید و از آن برای جایگزینی کد مربوطه در <head> سند HTML خود استفاده کنید.

    <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 به روز شده را ذخیره کرده و در یک مرورگر وب باز کنید.