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

Google Publisher Tag (GPT) یک کتابخانه برچسب‌گذاری تبلیغات برای Google Ad Manager است.

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

برای جزئیات بیشتر در مورد GPT، به مرکز راهنمای Ad Manager مراجعه کنید.

در اینجا چند نمونه وجود دارد که می توانید برای شروع با 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>
      </body>
    </html>
    
    
  2. کتابخانه GPT را بارگیری کنید

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

    این کد کتابخانه 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"
        crossorigin="anonymous"
      ></script>
      <style></style>
    </head>
    
  3. یک جایگاه تبلیغاتی را تعریف کنید

    با استفاده از متد googletag.enableServices() یک اسلات تبلیغاتی تعریف کنید و GPT را مقداردهی کنید.

    این کد ابتدا اطمینان می‌دهد که شی googletag در دسترس است، سپس دستوری را در صف قرار می‌دهد که یک شکاف تبلیغاتی ایجاد می‌کند و GPT را فعال می‌کند.

    شکاف آگهی در این مثال، تبلیغی به اندازه 300x250 را از واحد تبلیغاتی مشخص شده توسط مسیر /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"
        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>
    
  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 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>
    
  3. فایل hello-gpt.html به روز شده را ذخیره کرده و در یک مرورگر وب باز کنید.

،

Google Publisher Tag (GPT) یک کتابخانه برچسب‌گذاری تبلیغات برای Google Ad Manager است.

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

برای جزئیات بیشتر در مورد GPT، به مرکز راهنمای Ad Manager مراجعه کنید.

در اینجا چند نمونه وجود دارد که می توانید برای شروع با 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>
      </body>
    </html>
    
    
  2. کتابخانه GPT را بارگیری کنید

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

    این کد کتابخانه 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"
        crossorigin="anonymous"
      ></script>
      <style></style>
    </head>
    
  3. یک جایگاه تبلیغاتی را تعریف کنید

    با استفاده از متد googletag.enableServices() یک اسلات تبلیغاتی تعریف کنید و GPT را مقداردهی کنید.

    این کد ابتدا اطمینان می‌دهد که شی googletag در دسترس است، سپس دستوری را در صف قرار می‌دهد که یک شکاف تبلیغاتی ایجاد می‌کند و GPT را فعال می‌کند.

    شکاف آگهی در این مثال، تبلیغی به اندازه 300x250 را از واحد تبلیغاتی مشخص شده توسط مسیر /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"
        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>
    
  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 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>
    
  3. فایل hello-gpt.html به روز شده را ذخیره کرده و در یک مرورگر وب باز کنید.