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

Google Yayıncı Etiketi (GPT), Google Ad Manager

Reklam isteklerini dinamik olarak oluşturmak için GPT'yi kullanabilirsiniz. GPT; reklam birimi kodu, reklam boyutu ve özel hedeflemeyi kullanır, isteği oluşturur ve reklamı web sayfalarında görüntüler.

GPT hakkında daha fazla bilgi için Ad Manager Yardım Merkezi.

Aşağıda, GPT'yi kullanmaya başlamak için kullanabileceğiniz bazı örnekler verilmiştir. Eğer GPT ile ilgili daha fazla yardıma ihtiyacınız varsa destek sayfasını seçenekleri bulabilirsiniz.

Test reklamı görüntüle

Aşağıdaki örnek, Google'ın test ağından genel bir reklam yüklemek için GPT'yi kullanır.

Bu örnek için tam kod şu adreste bulunabilir: bir test reklamı örnek sayfası görüntüleyin.

  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>
      </body>
    </html>
    
  2. GPT kitaplığını yükleme

    Aşağıdakini HTML dokümanının <head>.

    Bu kod, GPT kitaplığını şuradan yükler: https://securepubads.g.doubleclick.net/tag/js/gpt.js. Kitaplıkta tam olarak yüklendiğinde, googletag nesnesini tanımlayın.

    <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>
    
  3. Reklam alanı tanımlama

    Bir reklam alanı tanımlayın ve aşağıdakileri kullanarak GPT'yi başlatın: googletag.enableServices() yöntemini kullanabilirsiniz.

    Bu kod, önce googletag nesnesinin kullanılabilir olmasını sağlar, ardından bir öğeyi komutunu kullanabilirsiniz.

    Bu örnekteki reklam alanı, reklamdan 300x250 boyutunda bir reklam yükler /6355419/Travel/Europe/France/Paris yolu tarafından belirtilen birim. Reklam, sayfanın gövdesinde bir <div id="banner-ad"> öğesinde gösterilir. ekleyin.

    <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>
    
  4. Reklamın nerede gösterileceğini belirtin

    Reklamın sayfanın neresinde gösterileceğini belirlemek için aşağıdaki kodu HTML dokümanının <body>.

    Bu <div> öğesinin kimliğinin, reklam alanı

    <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ı önizleyin

    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örüntülemek için Test görüntüle bölümündeki hello-gpt.html dosyasını kullanın ad ile başlayın, ardından başlıktaki kodu, kendi Ad Manager ağınızdan envanter oluşturabilirsiniz.

  1. Görüntülemek istediğiniz reklam birimi için bir reklam etiketi oluşturun. Daha fazla bilgi: reklam etiketleri oluşturarak Ad Manager Yardım Merkezi.

  2. Belge başlığı bölümünde verilen reklam etiketi kodunu kopyalayın ve kullanın. (HTML dokümanınızın <head> dosyasındaki ilgili kodu değiştirin).

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