Tingkatkan Penghasilan AdSense dengan Ukuran Iklan Responsif Terbaik 2021

Penghasilan iklan AdSense sangat bergantung kepada penempatan iklan yang sesuai dengan tata letak situs web serta ukurannya. Sehingga Anda harus menempatkan ukuran iklan yang benar pada website Anda.

Saat ini AdSense sudah memiliki unit iklan responsif, yang artinya ukuran iklan akan menyesuaikan dengan tampilan perangkat pengguna.

Penggunaan unit iklan responsif akan benar-benar meningkatkan penghasilan Anda karena akan lebih ramah pengguna.

Iklan yang ramah pengguna akan meningkatkan CTR atau rasio klik-tayang (baca di sini untuk penjelasan). CTR iklan responsif akan lebih tinggi dari iklan otomatis. Kami sendiri tidak merekomendasikan penggunaan iklan otomatis.

Jika Anda takut akan hal itu, dapatkah Anda boleh mengubah ukuran iklan Google AdSense? Apakah ini melanggar Kebijakan Google? Jawabannya ada di sini.

Ukuran Iklan Berkinerja Terbaik Perangkat Seluler

Ukuran Iklan Berkinerja Terbaik Untuk Desktop

Bagaimana Cara Membuat Iklan dengan Ukuran Responsif?

Sekarang Anda telah mengetahui ukuran iklan yang tepat dan posisi penempatannya pada website. Kita akan lanjut membahas cara membuat kode iklan AdSense yang dapat responsif pada semua layar.

Solusi ada di sini untuk Meningkatkan Penghasilan Adsense

<style>
    .iklan_responsif_1 {
        width: 320px;
        height: 100px;
    }
    @media(min-width:500px) {
        .iklan_responsif_1 {
            width: 468px;
            height: 60px;
        }
    }
    @media(min-width:750px) {
        .iklan_responsif_1 {
            width: 728px;
            height: 90px;
        }
    }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle iklan_responsif_1" style="display:inline-block" data-ad-client="ca-pub-XXXXXXXXXXX" data-ad-slot="XXXXXX"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Tempatkan di atas kode iklan dengan mengedit teks berwarna merah kode yang Anda miliki.

Anda dapat menyesuaikan kode dengan kebutuhan website Anda.

Jika laman Anda memiliki lebih dari 1 unit iklan, maka iklan pertama akan menjadi iklan_responsif_1 dan untuk iklan kedua akan menjadi iklan_responsif_2 dan demikian pula untuk ketiga iklan_responsif_3 .

Harap pastikan bahwa Anda menempatkan semua data-ad-slot dengan unit iklan yang berbeda. Sehingga Anda dapat memeriksa laporan masing-masing dari semua unit yang ditempatkan.

Untuk Blogger (Pengguna Tingkat Lanjut)

Masuk ke blogger, klik salah satu tema, dan 'edit HTML' sekarang temukan <style> dan tempatkan kode gaya Anda sebelum </style>.

<style>
  .iklan_responsif_1 { width: 320px; height: 100px; }
   @media(min-width: 500px) { .iklan_responsif_1 { width: 468px; height: 60px; } }
    @media(min-width: 750px) { .iklan_responsif_1 { width: 728px; height: 90px; } }
.iklan_responsif_2 { width: 320px; height: 100px; }
    @media(min-width: 500px) { .iklan_responsif_2 { width: 468px; height: 60px; } }
    @media(min-width: 750px) { .iklan_responsif_2 { width: 728px; height: 90px; } }
</style>

WordPress (Pengguna Tingkat Lanjut)

Pengguna WordPress dapat mengedit berkas stylesheet dengan mengklik Tampilan > Editor.

Sekarang setujui/pahami peringatannya, (risiko Anda sendiri jika Anda mengedit dengan cara yang salah).

Letakkan kode gaya Anda pada bagian akhir stylesheet. Kodenya akan seperti ini:

<style>
  .iklan_responsif_1 { width: 320px; height: 100px; }
  @media(min-width: 500px) { .iklan_responsif_1 { width: 468px; height: 60px; } }
  @media(min-width: 750px) { .iklan_responsif_1 { width: 728px; height: 90px; } }
 .iklan_responsif_2 { width: 320px; height: 100px; }
@media(min-width: 500px) { .iklan_responsif_2 { width: 468px; height: 60px; } }
@media(min-width: 750px) { .iklan_responsif_2 { width: 728px; height: 90px; } }
</style>

Metode ini akan membantu Anda dalam meningkatkan penghasilan AdSense.