Google Yayıncı Etiketi (GPT), Google Ad Manager için dinamik olarak reklam istekleri oluşturmak amacıyla kullanılan bir reklam etiketleme kitaplığıdır. Reklam birimi kodu, reklam boyutu ve özel hedefleme gibi önemli ayrıntıları sizden alır, isteği oluşturur ve reklamı web sayfalarında yayınlar.
GPT'nin avantajları, temel işlevleri ve özellikleri dahil olmak üzere kısa bir genel bakış için Ad Manager yardım merkezini ziyaret edin.
Test reklamı görüntüle
Aşağıdaki örnekte, Google'ın test ağından genel bir reklam yüklemek için GPT'yi kullanan bir test sayfası oluşturma süreci gösterilmektedir.
Bu örneğin tam kodu test reklamı görüntüleme örnek sayfasında bulunabilir.
Temel HTML dokümanı oluşturma
Metin düzenleyicide
hello-gpt.html
adında temel bir HTML dokümanı oluşturun.<!doctype html> <html> <head> <meta charset="utf-8"> <title>Hello GPT</title> </head> <body> </body> </html>
GPT kitaplığını yükleme
HTML kitaplığının
<head>
bölümüne aşağıdakileri ekleyerek GPT kitaplığını yükleyin.<head> <meta charset="utf-8"> <title>Hello GPT</title> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> </head>
Bu kod, https://securepubads.g.doubleclick.net/tag/js/gpt.js adresinden GPT kitaplığını yükler. Kitaplık tamamen yüklendikten sonra googletag nesnesindeki sıraya alınmış komutları işler.
Reklam alanı tanımlama
Bir reklam alanı tanımlayın ve googletag.enableServices() yöntemini kullanarak GPT'yi başlatı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( '/6355419/Travel/Europe/France/Paris', [300, 250], 'banner-ad') .addService(googletag.pubads()); googletag.enableServices(); }); </script> </head>
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 örnekte reklam alanı,
/6355419/Travel/Europe/France/Paris
yolunda belirtilen reklam biriminden300x250
boyutunda bir reklam yükleyecek. Reklam, sayfanın gövdesinde bir<div id="banner-ad">
öğesinde gösterilir ve bu öğe bir sonraki adımda eklenir.Reklamın nerede gösterileceğini belirtin
Aşağıdaki kodu HTML belgesinin
<body>
bölümüne ekleyerek reklamın sayfanın neresinde görüneceğini belirtin.<body> <div id="banner-ad" style="width: 300px; height: 250px;"> <script> googletag.cmd.push(function() { googletag.display('banner-ad'); }); </script> </div> </body>
Bu
<div>
kimliğinin, reklam alanını tanımlarken belirtilen kimlikle eşleştiğini unutmayın.Test sayfasını önizleyin
hello-gpt.html
dosyasını kaydedin ve bir web tarayıcısında açın. Sayfa yüklendiğinde, web sayfasının gövdesinde bir test reklamı görüntülenir.
Kendi reklamınızı görüntüleyin
Test reklamı görüntüleme bölümünde oluşturulan hello-gpt.html
dosyasını kullanarak 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 reklam etiketi oluşturun. Ad Manager yardım merkezinden reklam etiketleri oluşturma hakkında daha fazla bilgi edinin.
Doküman başlığı bölümünde sağlanan reklam etiketi kodunu kopyalayın ve HTML belgenizin
<head>
bölümünde karşılık gelen 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.