AdSense, Feed içi reklamların mevcut alana uygun biçimde sığması için reklam yüksekliğini otomatik olarak ayarlar. Bu otomatik boyutlandırma sayesinde, yayıncıların çoğunun Feed içi reklamlarının yüksekliğini değiştirmesine gerek kalmaz. Ancak Feed içi reklamlarınızın yüksekliğine ilişkin özel gereksinimleriniz varsa, istediğiniz yüksekliği ayarlamak için Feed içi reklam kodunuzu değiştirebilirsiniz. Feed'inizin bulunduğu sitenin duyarlı olup olmamasına göre sabit veya değişken bir yükseklik ayarlayabilirsiniz.
Sabit yükseklik ayarlama (duyarlı olmayan siteler için)
Reklam kodunuza yükseklik özelliği ekleyerek Feed içi reklamınızda sabit bir yükseklik belirleyebilirsiniz (ör. height:120px
). Feed içi reklam biriminiz sabit bir kapsayıcı içinde yer alıyorsa (yani duyarlı değilse) bu seçeneği kullanın.
Hangi yüksekliği ayarlayacağınızı bilmiyorsanız reklamınıza gereken boşluksuz alanı belirlemek için tarayıcınızın geliştirici araçlarından yararlanabilirsiniz. Daha fazla bilgi için Feed'inizdeki resimlerin boyutunu belirleme başlıklı makaleyi inceleyin.
Bu örnekte, sabit yüksekliği 120 piksel olan bir Feed içi reklam gösterilmektedir:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block;height:120px"
data-ad-format="fluid"
data-ad-layout="image-top"
data-ad-layout-key="xxxxxxxx"
data-ad-client="ca-pub-12345"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Değişken yükseklik ayarlama (duyarlı siteler için)
Feed içi reklam biriminizin genişliği ekran genişliğine bağlıysa (yani duyarlıysa), her ekran genişliğine yönelik farklı bir yükseklik belirtmek için reklam kodunuzda CSS medya sorgularını kullanmanız gerekir.
Yükseklikleri ayarlayabilmeniz için şunları yapmanızı öneririz:
- Sitenizi farklı ekran genişliklerine göre yeniden boyutlandırın. Ör. 350 piksel, 500 piksel, 1.000 piksel.
- Her bir yükseklik değerinde, reklamınıza gereken boşluksuz alanı belirlemek için tarayıcınızın geliştirici araçlarından yararlanabilirsiniz. Daha fazla bilgi için Feed'inizdeki resimlerin boyutunu belirleme başlıklı makaleyi inceleyin.
Bu örnekte ekran genişliği en fazla 350 piksel olan ekranlar için 180 piksel, genişliği 500 ile 800 arasında değişen ekranlar için 130 piksel ve genişliği 800 pikselin üstünde olan ekranlar için 200 piksel yüksekliğe sahip olan Feed içi reklam gösterilmektedir:
<style>
@media (min-width: 350px) {
.infeed {
height: 180px;
}
@media (min-width: 500px) {
.infeed {
height: 130px;
}
}
@media (min-width: 800px) {
.infeed {
height: 200px;
}
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle infeed"
style="display:block;"
data-ad-format="fluid"
data-ad-layout="image-top"
data-ad-layout-key="xxxxxxxx"
data-ad-client="ca-pub-12345"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
infeed
) kullanmanız gerekir.Feed içi reklamlarımda neden fazladan boşluk veya Daha Fazla düğmesi görünüyor?
Feed içi reklam birimleri duyarlıdır ve pek çok görüntü alanını destekler. Boyutlarını otomatik olarak değiştirerek içinde bulunduğu feed kapsayıcısının tam genişliği kadar büyür ve sayfanızın yerleşimine uyum sağlar. Yüksekliği reklamın içeriğine ve AdSense'de belirlediğiniz Feed içi reklam ayarlarına göre değişir.
Feed içi reklamın kullanıcının görüntü alanında (ekranın üst kısmı) yer aldığı bazı durumlarda, reklamın alt kısmındaki içeriğinizi yeniden düzenlemeden yüksekliği ayarlamak mümkün olmayabilir. Böyle durumlarda boş alan bırakabilir ya da tıklandığında reklamı genişletmek için Daha Fazla düğmesi koyabiliriz. Bunu, mümkün olan en iyi kullanıcı deneyimini sunmak için yapıyoruz.