Cara Membuat Iklan Adsense Besar Responsive Selebar Header

Cara Memodifikasi Iklan Adsense Besar Responsive Selebar Header - Cara ini merupakan lanjutan postingan saya beberapa waktu lalu, yaitu Cara Membuat Iklan Adsense Responsive Besar dan Lebar Mengikuti Halaman Posting. Ada Beberapa cara untuk mengoptimalkan pendapatan adsense dengan menempatkan iklan pada spot spot dimana tempat tersebut lebih banyak di sorot oleh mata pengunjung. Seperti baru baru ini yang sedang banyak ditanyakan oleh kawan blogger yaqni Cara Membuat Iklan Adsense Seperti Related Post atau Artikel Terkait ((Matched Content).)


Iklan besar selebar ruang header namun responsive lebih perpeluang di temukan pengguna dan mampu beradaptasi di segala tampilan layar baik dekstop maupun seluler dan tablets . Namun mengedit kode iklan Adsense sepertinya tindakan yang ekstrim serta berbahaya bagi pemula yang baru saja mendengarnya, jika salah-salah akan berakibat terbanetnya akun adsense.

Kegiatan mengedit warna iklan adsense masih saja menjadi momok menakutkan bagi sebagian publiser adsense, mereka khawatir akan dampak dari melakukan pengeditan kode iklan yang berujung terbannednya akun adsense. Sebelum artikel ini di publikasikan, terlebih dahulu saya melakukan riset investigasi serta memahamai bagian bagian yang mana yang masih di perbolehkan untuk di edit dari unit iklan tersebut.

Pada halaman Support Google Adsense telah dijelaskan mengenahi hal-hal yang berhubungan pada pengubahan iklan sehingga iklan mampu tampil responsif dan berkinerja baik. Jika merasa bahwa kode iklan responsif Google tidak memenuhi kebutuhan pada situs, Anda dapat mengubah kode iklan untuk memenuhi persyaratan situs responsif Anda dengan lebih baik. Berikut contoh petunjuk cara melakukan perubahan kode iklan.

Penting:
1- Jika Anda pemula dalam kueri media CSS dan belum berpengalaman mengubah kode iklan, sebaiknya anda boleh mencoba dengan Contoh ukuran unit iklan yang tepat per lebar layar.

2- Jika Anda sudah memahami kueri media CSS dan terbiasa mengubah kode iklan, silakan langsung ke bagian Contoh fitur kode iklan responsif lanjutan.

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 mengubah kode iklan responsif dengan cara yang telah disetujui ini.

Contoh ini menunjukkan cara mengubah kode iklan responsif untuk menetapkan ukuran unit iklan yang spesifik untuk tiga rentang lebar layar, yaitu, seluler, tablet, dan desktop. Tidak diperlukan pengalaman khusus tentang kueri media CSS atau mengubah kode iklan AdSense untuk mengikuti contoh ini.

Berikut ini beberapa opsi kode iklan responsif yang diubah untuk menetapkan ukuran unit iklan yang tepat per lebar layar:
Cermati dan perhatikan baik baik :
  • Untuk lebar layar hingga 500 piksel: unit iklan 320x100.
  • Untuk lebar layar antara 500 piksel dan 799 piksel: unit iklan 468x60.
  • Untuk lebar layar 800 piksel dan yang lebih lebar: unit iklan 728x90.

ini adalah contoh kode iklan adsense default

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ads_byGoogle part 1 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8712xxxxxxxxxxx"
data-ad-slot="7722xxxxxx"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>  

Sekarang kita lakukan pengeditan dan menambahkan kode:
Silahkan pasang kombinasi kode iklan ini di blog anda
<style>
.ads_byGoogle part 1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .ads_byGoogle part 1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .ads_byGoogle part 1 { width: 980px; height: 280px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ads_byGoogle part 1 -->
<ins class="adsbygoogle ads_byGoogle part 1"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXX11XXX9"
data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Untuk mengadaptasi kode diatas untuk situs Anda sendiri caranya sebagai berikut:
1- Buat unit iklan responsif di akun AdSense, dan catat informasi berikut dari kode iklan responsif tersebut:
  • ID penayang, misalnya, ca-pub-1234567891234567
  • ID unit iklan (data-ad-slot), misalnya, 1234567890.

2- Pada kode kombinasi dalam table warna biru:
  • Ganti semua ads_byGoogle part 1 background pink muda dengan nama khusus, misalnya Home_Page, front_page_123,dsb.
  • Catatan:Nama khusus hanya boleh berisi huruf dalam bahasa Inggris (A-Z), angka, serta setrip bawah, dan karakter pertama harus berupa huruf dalam bahasa Inggris.
  • Anda harus menggunakan nama khusus yang berbeda setiap kali Anda menyesuaikan kode contoh ini.
  • width: 980px; height: 280px background kuning bisa anda ubah sesuai lebar halaman header blog anda
  • Ganti ca-pub-XXXXXXX11XXX9 background warna hijau dengan ID penayang Anda sendiri
  • Ganti 8XXXXX1 background warna hijau dengan ID unit iklan Anda sendiri.
  • Shave template : Pengeditan kode selesai.

Ok trimakasih selamat mencoba Cara Membuat Iklan Adsense Besar Responsive selebar Header Semoga berhasil dan bermanfaat bagi anda.

8 komentar

Saya pengin coba si katanya temen pendapat bisa meningkat tapi sayangnya saya awam dibidang css, hehe

bagaimana cara menentukan ukuran pixel layar blog kita gan ? :)

width: 980px; height: 280px background kuning Mas....sesuaikan dengan ukuran lebar header

berati kode yang didalam kolom harus dikopi paste dulu dan diganti sesuai petunjuk diatas yach mas..... soalnya dikode adsese tidak ada kata " Style "

ingat kode iklan yang akan di tempatkan pada widget header tidak perlu di parse....

Please comment with the identity of the Gmail account, so we can visit back to your website.
EmoticonEmoticon