Google Yayıncı Etiketlerini Kullanmaya Başlama

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.

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

  3. 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 biriminden 300x250 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.

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

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

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

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