Google Publisher Tag (GPT) یک کتابخانه برچسبگذاری تبلیغات برای Google Ad Manager است.
می توانید از GPT برای ایجاد پویا درخواست های تبلیغاتی استفاده کنید. GPT جزئیات کلیدی مانند کد واحد تبلیغات، اندازه آگهی و هدفگیری سفارشی را میگیرد، درخواست را ایجاد میکند و آگهی را در صفحات وب نمایش میدهد.
برای جزئیات بیشتر در مورد GPT، به مرکز راهنمای Ad Manager مراجعه کنید.
در اینجا چند نمونه وجود دارد که می توانید برای شروع با GPT از آنها استفاده کنید. اگر در مورد GPT به راهنمایی بیشتری نیاز دارید، گزینههای پشتیبانی را ببینید.
نمایش یک تبلیغ آزمایشی
مثال زیر شما را در ایجاد یک صفحه آزمایشی راهنمایی می کند که از GPT برای بارگیری یک آگهی عمومی از شبکه آزمایشی Google استفاده می کند.
کد کامل این مثال را میتوانید در صفحه نمونه آگهی آزمایشی مشاهده کنید.
یک سند 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>
کتابخانه 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>
یک جایگاه تبلیغاتی را تعریف کنید
با استفاده از متد
googletag.enableServices()
یک اسلات تبلیغاتی تعریف کنید و GPT را مقداردهی کنید.این کد ابتدا اطمینان میدهد که شی googletag در دسترس است، سپس دستوری را در صف قرار میدهد که یک شکاف تبلیغاتی ایجاد میکند و GPT را فعال میکند.
شکاف آگهی در این مثال، تبلیغی به اندازه
300x250
را از واحد تبلیغاتی مشخص شده توسط مسیر/6355419/Travel/Europe/France/Paris
بارگیری می کند. تبلیغ در یک عنصر<div id="banner-ad">
در بدنه صفحه نمایش داده می شود که در ادامه اضافه خواهد شد.- 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>
سند 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>
پیش نمایش صفحه آزمون
فایل
hello-gpt.html
را ذخیره کرده و در یک مرورگر وب باز کنید. پس از بارگذاری، صفحه یک تبلیغ آزمایشی در بدنه صفحه وب نمایش می دهد.
تبلیغ خود را نمایش دهید
برای نمایش تبلیغ خود، از فایل hello-gpt.html
از Display a test ad استفاده کنید، سپس کد موجود در سربرگ را با کد مشخص کننده موجودی از شبکه Ad Manager خود جایگزین کنید.
یک برچسب تبلیغاتی برای واحد تبلیغاتی که میخواهید نمایش دهید ایجاد کنید. درباره ایجاد برچسب های تبلیغاتی در مرکز راهنمای Ad Manager بیشتر بیاموزید.
کد تگ آگهی ارائه شده در بخش هدر سند را کپی کنید و از آن برای جایگزینی کد مربوطه در
<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>
فایل
hello-gpt.html
به روز شده را ذخیره کرده و در یک مرورگر وب باز کنید.
Google Publisher Tag (GPT) یک کتابخانه برچسبگذاری تبلیغات برای Google Ad Manager است.
می توانید از GPT برای ایجاد پویا درخواست های تبلیغاتی استفاده کنید. GPT جزئیات کلیدی مانند کد واحد تبلیغات، اندازه آگهی و هدفگیری سفارشی را میگیرد، درخواست را ایجاد میکند و آگهی را در صفحات وب نمایش میدهد.
برای جزئیات بیشتر در مورد GPT، به مرکز راهنمای Ad Manager مراجعه کنید.
در اینجا چند نمونه وجود دارد که می توانید برای شروع با GPT از آنها استفاده کنید. اگر در مورد GPT به راهنمایی بیشتری نیاز دارید، گزینههای پشتیبانی را ببینید.
نمایش یک تبلیغ آزمایشی
مثال زیر شما را در ایجاد یک صفحه آزمایشی راهنمایی می کند که از GPT برای بارگیری یک آگهی عمومی از شبکه آزمایشی Google استفاده می کند.
کد کامل این مثال را میتوانید در صفحه نمونه آگهی آزمایشی مشاهده کنید.
یک سند 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>
کتابخانه 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>
یک جایگاه تبلیغاتی را تعریف کنید
با استفاده از متد
googletag.enableServices()
یک اسلات تبلیغاتی تعریف کنید و GPT را مقداردهی کنید.این کد ابتدا اطمینان میدهد که شی googletag در دسترس است، سپس دستوری را در صف قرار میدهد که یک شکاف تبلیغاتی ایجاد میکند و GPT را فعال میکند.
شکاف آگهی در این مثال، تبلیغی به اندازه
300x250
را از واحد تبلیغاتی مشخص شده توسط مسیر/6355419/Travel/Europe/France/Paris
بارگیری می کند. تبلیغ در یک عنصر<div id="banner-ad">
در بدنه صفحه نمایش داده می شود که در ادامه اضافه خواهد شد.- 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>
سند 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>
پیش نمایش صفحه آزمون
فایل
hello-gpt.html
را ذخیره کرده و در یک مرورگر وب باز کنید. پس از بارگذاری، صفحه یک تبلیغ آزمایشی در بدنه صفحه وب نمایش می دهد.
تبلیغ خود را نمایش دهید
برای نمایش تبلیغ خود، از فایل hello-gpt.html
از Display a test ad استفاده کنید، سپس کد موجود در سربرگ را با کد مشخص کننده موجودی از شبکه Ad Manager خود جایگزین کنید.
یک برچسب تبلیغاتی برای واحد تبلیغاتی که میخواهید نمایش دهید ایجاد کنید. درباره ایجاد برچسب های تبلیغاتی در مرکز راهنمای Ad Manager بیشتر بیاموزید.
کد تگ آگهی ارائه شده در بخش هدر سند را کپی کنید و از آن برای جایگزینی کد مربوطه در
<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>
فایل
hello-gpt.html
به روز شده را ذخیره کرده و در یک مرورگر وب باز کنید.