AdSense otomatis menyesuaikan tinggi iklan Dalam 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 Dalam Feed dengan menambahkan atribut tinggi ke kode iklan, misalnya, height:120px
. Gunakan opsi ini jika unit iklan Dalam 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 kosong. Untuk informasi selengkapnya, lihat: Cara menentukan ukuran gambar di feed Anda.
Contoh ini menunjukkan iklan Dalam Feed dengan tinggi tetap 120 piksel:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" 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="i-gno/re-d1234567890123456"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Cara menetapkan tinggi variabel (situs responsif)
Jika lebar unit iklan Dalam 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 kosong. Untuk informasi selengkapnya, lihat: Cara menentukan ukuran gambar di feed Anda.
Contoh berikut menunjukkan iklan Dalam 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=i-gno/re-d1234567890123456" 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="i-gno/re-d1234567890123456"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
infeed
) di seluruh kode iklan Anda.Mengapa iklan Dalam Feed saya terkadang memiliki spasi kosong ekstra atau tombol Lainnya?
Unit iklan Dalam Feed bersifat responsif dan mendukung berbagai area tampilan. 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 Dalam Feed yang Anda pilih di AdSense.
Terkadang, saat iklan Dalam Feed berada di area tampilan pengguna (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.