AdSense otomatis menyesuaikan tinggi iklan In-feed agar sesuai dengan ruang yang tersedia. Dengan penentuan ukuran otomatis, sebagian besar penayang tidak perlu membuat perubahan pada tinggi iklan In-feed. Namun, jika Anda memiliki persyaratan khusus untuk tinggi iklan In-feed, kode iklan In-feed tersebut dapat dimodifikasi untuk menetapkan tinggi yang Anda inginkan. Bergantung pada apakah feed Anda berada di situs non-responsif atau responsif, Anda dapat menetapkan tinggi tetap atau tinggi variabel.
Cara menetapkan tinggi tetap (situs non-responsif)
Anda dapat menetapkan tinggi tetap untuk iklan In-feed dengan menambahkan atribut tinggi ke kode iklan, misalnya, height:120px
. Gunakan opsi ini jika unit iklan In-feed Anda berada dalam penampung tetap, yaitu tidak responsif.
Jika tidak mengetahui tinggi yang harus ditetapkan, Anda dapat menggunakan fitur developer browser untuk menentukan tinggi yang tepat untuk iklan tanpa spasi. Untuk informasi selengkapnya, lihat: Cara menentukan ukuran gambar di feed Anda.
Contoh ini menunjukkan iklan In-feed dengan tinggi tetap 120 piksel:
<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>
Cara menetapkan tinggi variabel (situs responsif)
Jika lebar unit iklan In-feed bergantung pada lebar layar, yaitu, responsif, Anda harus menggunakan kueri media CSS di kode iklan Anda untuk menentukan tinggi yang berbeda untuk setiap lebar layar.
Untuk menentukan tinggi yang harus ditetapkan, sebaiknya Anda:
- Mengubah ukuran situs ke rentang lebar layar, misalnya, 350 piksel, 500 piksel, 1.000 piksel.
- Untuk setiap lebar, gunakan fitur developer browser untuk menentukan tinggi yang tepat untuk iklan tanpa spasi. Untuk informasi selengkapnya, lihat: Cara menentukan ukuran gambar di feed Anda.
Contoh berikut menunjukkan iklan In-feed dengan tinggi 180 piksel untuk lebar layar hingga 350 piksel, tinggi 130 piksel untuk lebar layar dari 500 hingga 800 piksel, dan tinggi 200 piksel untuk lebar layar di atas 800 piksel:
<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
) di seluruh kode iklan Anda.Mengapa iklan In-feed saya terkadang memiliki spasi ekstra atau tombol Lainnya?
Unit iklan In-feed bersifat responsif dan mendukung berbagai viewport. Unit iklan In-feed ini secara otomatis menyesuaikan ukurannya mengikuti tata letak halaman Anda dengan memperluas hingga lebar penuh penampung feed tempat iklan berada. Tingginya berdasarkan pada konten iklan itu sendiri dan setelan iklan In-feed yang Anda pilih di AdSense.
Terkadang, saat iklan In-feed berada di viewport pengguna (di paruh atas), kami tidak dapat menyesuaikan tinggi iklan tanpa membuat konten Anda di bawah iklan melakukan penyesuaian. Dalam kasus ini, kami mungkin membiarkan sejumlah ruang kosong atau menampilkan tombol Lainnya untuk memperluas iklan. Kami melakukan hal ini untuk memberikan pengalaman yang terbaik kepada pengguna.