Reklam boyutları

Tanımladığınız her reklam alanı, içinde yayınlanmaya uygun olan reklam boyutlarını belirtmelidir yuvaya yerleştirilmiştir. Reklam boyutlarının belirtilme şekli, yayınlanacak reklamların türüne göre değişir. ve reklam alanlarının boyutu ve esnekliği de göz önünde bulundurulur.

Bazı durumlarda reklam boyutu, Google Ad Manager Bilgi edinmek için Yardım Merkezi'ni ziyaret edin daha fazla.

Bu kılavuzda yer alan örneklerin tam kodunu reklamda bulabilirsiniz. boyut örnek sayfasında bulabilirsiniz.

Sabit boyutlu reklamlar

Tek bir sabit boyutlu reklam alanı tanımlayabilirsiniz.

googletag
  .defineSlot("/6355419/Travel/Europe/France/Paris", [300, 250], "fixed-size-ad")
  .addService(googletag.pubads());

Bu örnekte, yalnızca 300x250 boyutundaki reklam öğeleri sunulacaktır.

Önemli bilgi: Sabit boyutlu reklamlarla çalışırken reklam öğesinin oluşturulacağı <div> öğesinin boyutunu tanımlayın. Başlangıç genellikle eşzamansız olarak oluşturulurlar. Ancak, HTML5'te başka öğelerin boşsa sayfanın kaydırılması için kullanılır.

Çok boyutlu reklamlar

Bir reklam birden fazla boyutu destekliyorsa reklam alanını tanımlamaya yarar.

googletag
  .defineSlot(
    "/6355419/Travel/Europe",
    [[300, 250], [728, 90], [750, 200], "fluid"],
    "multi-size-ad",
  )
  .addService(googletag.pubads());

Bu örnekte, 300x250, 728x90 ve 750x200 boyutlarına sahip reklam öğeleri sunulur. Ad Manager, yalnızca şu boyutlarla eşleşen reklam öğelerini dikkate alır reklam seçim süreci sırasında

CSS'de <div> reklam alanı için boyut belirtilmemişse GPT, boyutları otomatik olarak en kısa değere eşit olacak şekilde ayarlar display() çağrıldığında, bildirilen yükseklik ve 1 pikselin üzerinde bildirilen en geniş genişlik. Bu durumda, bu değer 750x90 olacaktır. Ancak bu boyutlandırma Sayfadaki diğer içeriğin yüklenmesi, içeriğin kaymasına neden olur. Kaçınılması gerekenler aşağıda gösterildiği gibi CSS kullanarak alan ayırın: düzen kaymasını en aza indirin rehberini inceleyin.

Çok boyutlu reklamlarla çalışırken, sayfa düzeninizin kullanılabilecek kadar esnek olduğundan emin olun. belirtilen en büyük boyuta sahip bir reklamı destekler. Bu durum, reklam öğelerinin yanlışlıkla kırpılır.

Değişken reklamlar

Değişken reklamlar sabit bir boyuta sahip değildir; bunun yerine, gösterdikleri reklam içeriğine uyacak şekilde görüntüleyin. Yerel reklamlar şu anda tek değişken reklamdır Ad Manager tarafından desteklenen türü.

Değişken reklamlarla çalışırken özel bir fluid boyutu belirtilebilir.

googletag
  .defineSlot("/6355419/Travel", ["fluid"], "native-ad")
  .addService(googletag.pubads());

Bu örnekte, reklam alanı üst kapsayıcısının genişliğine ve yüksekliğini reklam öğesi içeriğine sığacak şekilde yeniden boyutlandırır. GPT adımları reklam alanını yeniden boyutlandırmak için gereken adımlar şunlardır:

  1. Reklam yanıtı alındı.
  2. Reklam öğesi içeriği, başlangıç yüksekliği 0px olarak ayarlanmış bir iframe içine yazılmış ve genişlik 100% olarak ayarlandı.
  3. iframe'deki tüm kaynakların yüklenmesi tamamlandıktan sonra, reklam öğesi görünür iframe'in yüksekliği, iframe'in yüksekliğine eşit iframe'in <body> öğesi.
ziyaret edin.

Duyarlı reklamlar

Duyarlı reklamlar, çok boyutlu reklamları genişletir ve öğenin boyutunu belirtmenize olanak tanır. geçerli olacak şekilde, tarayıcının görüntü alanının boyutuna göre isteğinde bulunabilirsiniz. Bu işlev, yayınlanan reklam öğelerinin boyutunu kontrol etmek için kullanılabilir farklı tür cihazlarda (masaüstü, tablet, cep telefonu vb.) kullanılabilir.

Bu, görüntü alanı boyutu ile reklam boyutu arasında bir eşleme tanımlanarak gerçekleştirilir. daha sonra bu eşlemeyi bir reklam alanıyla ilişkilendirebilirsiniz.

const responsiveAdSlot = googletag
  .defineSlot(
    "/6355419/Travel/Europe",
    [
      [300, 250],
      [728, 90],
      [750, 200],
    ],
    "responsive-ad",
  )
  .addService(googletag.pubads());

const mapping = googletag
  .sizeMapping()
  .addSize(
    [1024, 768],
    [
      [750, 200],
      [728, 90],
    ],
  )
  .addSize([640, 480], [300, 250])
  .addSize([0, 0], [])
  .build();

responsiveAdSlot.defineSizeMapping(mapping);

Bu örnekte, eşleme şunları belirtir:

  • Görüntü alanı >= 1024x768 olduğunda, 750x200 veya 728x90 boyutlu reklamlar yayınlanabilir.
  • Şu durumda: 1024x768 > görüntü alanı >= 640x480, 300x250 boyutundaki reklamlar yayınlanabilir.
  • Görüntü alanı < 640x480, hiçbir reklam yayınlanamaz.

GPT, yeni bir banner oluşturmak için tarayıcının görüntü alanının ve uygun olan en büyük eşlemeyi kullanın. En büyük ve en büyük GPT'nin eşlenmesi önce genişliği, ardından yüksekliği dikkate alır (ör. [100, 10] [10, 100]) tıklayın. Eşlemede hata olması veya görüntü alanının boyut belirlenemiyor, defineSlot() ile belirtilen boyutlar kullanılacak.

Daha sonra eşleme, Slot.defineSizeMapping() yöntemini çağırabilirsiniz. Bu yöntem şu biçimde bir dizi eşleme kabul eder:

[
  [
    [viewport-width-1, viewport-height-1],
    [[ad-width-1, ad-height-1], [ad-width-2, ad-height-2], ...]
  ],
  [
    [viewport-width-2, viewport-height-2],
    [[ad-width-3, ad-height-3], [ad-width-4, ad-height-4], ...]
  ],
  ...
]

Bu dizideki görüntü alanı boyutlarının sırası, boyutların önceliklerini tanımlar. İlgili içeriği oluşturmak için kullanılan SizeMappingBuilder yukarıdaki örnek, biçimi otomatik olarak büyükten küçüğe doğru sıralanır. Bu Örneğin, SizeMappingBuilder.build():

[
  [[1024, 768], [[750, 200], [728, 90]]],
  [[640, 480], [[300, 250]]],
  [[0, 0], []]
]