Menyetel tinggi iklan In-feed

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.

Yakinlah bahwa contoh yang dijelaskan di artikel ini adalah perubahan yang dapat diterima pada kode iklan AdSense. Anda tidak akan melanggar kebijakan program AdSense jika memodifikasi kode iklan In-feed dengan cara yang telah disetujui ini.

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:

1. Mengubah ukuran situs ke rentang lebar layar, misalnya, 350 piksel, 500 piksel, 1.000 piksel.
2. 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>

Penting: Kami telah menandai modifikasi yang harus Anda buat pada kode iklan dalam contoh di atas. Pastikan menggunakan nama kelas yang sama (misalnya, infeed) di seluruh kode iklan Anda.

Setelah Anda mengubah kode iklan, jangan lupa untuk menguji iklan In-feed Anda pada berbagai ukuran layar untuk memastikan tinggi yang Anda pilih berfungsi di seluruh perangkat.

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.