Google Yayıncı Etiketi'ni Kullanmaya Başlayın

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.

  1. 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>
    
  2. 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>
    
  3. 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 biriminden 300x250 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>
    
  4. 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>
    
  5. 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.

  1. 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.

  2. 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>
    
  3. Güncellenen hello-gpt.html dosyasını kaydedin ve bir web tarayıcısında açın.