برچسب Google Publisher (GPT) یک کتابخانه برچسب گذاری تبلیغاتی برای مدیر تبلیغات Google است.
می توانید از GPT برای ساخت پویا درخواست های تبلیغاتی استفاده کنید. GPT جزئیات کلیدی مانند کد آگهی ، اندازه تبلیغات و هدف قرار دادن سفارشی را به خود اختصاص می دهد ، درخواست را می سازد و آگهی را در صفحات وب نمایش می دهد.
برای اطلاعات بیشتر در مورد GPT ، به مرکز راهنمای مدیر تبلیغ مراجعه کنید.
در اینجا چند نمونه وجود دارد که می توانید برای شروع با 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> <script> googletag.cmd.push(() => { // Request and render an ad for the "banner-ad" slot. googletag.display("banner-ad"); }); </script> </body> </html>
کتابخانه 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>
یک جایگاه تبلیغاتی را تعریف کنید
یک شکاف AD را تعریف کرده و GPT را با استفاده از روش
googletag.enableServices()
تنظیم کنید.این کد ابتدا تضمین می کند که شیء Googletag در دسترس باشد ، سپس یک فرمان را تشکیل می دهد که یک شکاف تبلیغاتی را ایجاد می کند و GPT را فعال می کند.
شکاف AD در این مثال یک آگهی از اندازه
300x250
را از واحد تبلیغ مشخص شده توسط PATH/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"></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 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>
فایل
hello-gpt.html
به روز شده را ذخیره کرده و در یک مرورگر وب باز کنید.