Google Yayıncı Etiketi (GPT), Google Ad Manager'a yönelik bir reklam etiketleme kitaplığıdır.
Dinamik bir şekilde reklam istekleri oluşturmak için GPT'yi kullanabilirsiniz. GPT, reklam birimi kodu, reklam boyutu ve özel hedefleme gibi önemli ayrıntıları alır, isteği oluşturur ve reklamı web sayfalarında gösterir.
GPT hakkında daha fazla ayrıntı için Ad Manager Yardım Merkezi'ne bakın.
GPT'yi kullanmaya başlamak için kullanabileceğiniz bazı örnekleri burada bulabilirsiniz. GPT ile ilgili daha fazla yardıma ihtiyacınız varsa destek seçeneklerine bakın.
Test reklamı görüntüleme
Aşağıdaki örnek, Google'ın test ağından genel bir reklam yüklemek için GPT'yi kullanan bir test sayfası oluşturma konusunda size yol gösterir.
Bu örnekle ilgili kodun tamamını görüntülü reklam örnek sayfasında bulabilirsiniz.
Temel HTML dokümanı oluşturma
Bir metin düzenleyicide,
hello-gpt.html
adlı temel bir HTML dokümanı oluşturun.<!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 kitaplığını yükleme
Aşağıdaki kodu HTML dokümanının
<head>
bölümüne ekleyerek GPT kitaplığını yükleyin.Bu kod, GPT kitaplığını https://securepubads.g.doubleclick.net/tag/js/gpt.js adresinden yükler. Kitaplık tamamen yüklendikten sonra,
googletag
nesnesinde sıraya alınmış tüm komutları işler.<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>
Reklam alanı tanımlama
Bir reklam alanı tanımlayın ve
googletag.enableServices()
yöntemini kullanarak GPT'yi başlatın.Bu kod önce googletag nesnesinin kullanılabilir olmasını sağlar, ardından bir reklam alanı oluşturan ve GPT'yi etkinleştiren bir komutu sıraya alır.
Bu örnekteki reklam alanı,
/6355419/Travel/Europe/France/Paris
yolunda belirtilen reklam biriminden300x250
boyutunda bir reklam yükleyecektir. Reklam, sayfanın gövdesinde bir<div id="banner-ad">
öğesinde görüntülenecek ve bu öğe daha sonra eklenecek.<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>
Reklamın nerede görüneceğini belirtin
Aşağıdaki kodu HTML belgesinin
<body>
bölümüne ekleyerek reklamın sayfada nerede görüneceğini belirtin.Bu
<div>
kimliğinin, reklam alanını tanımlarken belirtilen kimlikle eşleştiğini unutmayın.<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>
Test sayfasını önizle
hello-gpt.html
dosyasını kaydedin ve bir web tarayıcısında açın. Yüklendikten sonra, sayfa, web sayfasının gövdesinde bir test reklamı görüntüler.
Kendi reklamınızı gösterin
Kendi reklamınızı göstermek için Test reklamı görüntüleme bölümündeki hello-gpt.html
dosyasını kullanın ve ardından başlıktaki kodu, kendi Ad Manager ağınızdaki envanteri belirten kodla değiştirin.
Görüntülemek istediğiniz reklam birimi için bir reklam etiketi oluşturun. Ad Manager Yardım Merkezi'nde, reklam etiketleri oluşturma hakkında daha fazla bilgi edinebilirsiniz.
Belge başlığı bölümünde sağlanan reklam etiketi kodunu kopyalayın ve HTML belgenizin
<head>
bölümündeki ilgili kodu değiştirmek için kullanın.<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>
Güncellenen
hello-gpt.html
dosyasını kaydedin ve bir web tarayıcısında açın.