2017/07/08

Cara membuat ukuran unit iklan google Adsense menjadi 600 x 250 didalam artikel [Responsive]


Google AdSense - Artikel ini saya buat untuk menjawab rasa penasaran saya tentang jenis ukuran unit iklan google adsense yang dapat kita atur sesuai dengan selera masing-masing. Dan sebenarnya tutorial ini tidak terlalu penting jika untuk di bagikan, sebab untuk pemasangan jenis unit iklan google ads sudah ada fiktur Responsive yang dapat anda coba melalui setting google ads.

Namun tahukah anda? jika sekarang kita dapat menggatur ukuran unit iklan google ads dengan cara memberikan sedikit modifikasi pada kode iklan google ads! Selanjutnya, apakah boleh kita melakukan modifikasi unit iklan dari google adsense? Mari kita simak sedikit penjelasan di bawah ini, agar tidak terjadi kesalahan saat mengubah ukuran iklan adsense. Terutama selalu sesuai dengan pedoman pihak google AdSense.

Berikut tentang modifikasi ukuran unit iklan Google Adsense yang diterima atau diperbolehkan :
  • Desain responsive
  • Pengujian A/B
  • Menetapkan saluran khusus
  • Minimisasi label Iklan
Berikut ini menyangkut unit iklan responsive dan minimasi tag iklan dengan modifikasi dengan media CSS.

Penambahan fiktur CSS agar ukuran iklan adsense sesuai dengan ukuran layar


Walaupun pihak Google Adsense sudah memberikan fiktur unit iklan responsive, tapi hanya untuk ukuran iklan dengan dimensi 728px X 90px saja. Dan ketika menampilkan ukuran 620 X 90px melalui layar dekstop, maka tampilan akan terpotong di perangkat mobile atau ponsel.

Intinya, iklan ukuran iklan adsense akan dibuat responsive sesuai dengan layar pengguna. Dan akan tampil sesuai layar dengan kondisi tertentu seperti dibawah berikut.
  • Jika ukuran layar maksimal 450px, maka ukuran iklan menjadi 300 x 250px.
  • Jika ukuran layar minimal 500px, maka ukuran iklan menjadi 336 x 280px.
  • Jika ukuran layar minimal 800px, maka ukuran iklan menjadi 620 x 90px
  • Dan untuk ukuran iklan lain akan menjadi 336 x 280px saja.
Dan yang menarik dari cara ini, jika anda menempatkan ukuran iklan adsense responsive, maka hasilnya akan tampak memenuhi ruang posting menjadi 600 x 250px. Artinya iklan akan mengikuti layar sesuai dengan area posting. Seperti contoh gambar berikut ini.

Cara membuat ukuran unit iklan google Adsense menjadi 600 x 250 didalam artikel [Responsive]

Berikut cara nya yang akan saya bagikan kepada anda semua, mungkin sebagian sudah mengetahui nya dan sebagian juga ada yang belum tahu.

Hal pertama yang perlu anda lakukan adalah menyalin kode CSS dibawah berikut.
.iklan_responsive { width: 336px; height: 280px; }
@media (max-width:450px) { .iklan_responsive { width: 300px; height: 250px; } }
@media (min-width:500px) { .iklan_responsive { width: 336px; height: 280px; } }
@media (min-width:800px) { .iklan_responsive { width: 600px; height: 280px; } }
Selanjutnya, silahkan anda buka edit HMTL dibagian tema blogspot dan cari kode ]]></b:skin>
atau </style>

Langkah kedua, anda harus menggunakan kode iklan Google Adsense dibawah berikut dan copy.
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– nama iklan – responsive artikel –>
<ins class=”adsbygoogle iklan_responsive”
style=”display:inline-block;”
data-ad-client=”ca-pub-XXXX”
data-ad-slot=”XXXX“</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Hal yang perlu anda lakukan adalah menggubah kode ca-pub dan ad-slot xxxx yang sudah saya beri tanda merah, dengan kode ca-pub dan ad-slot milik anda.

Baca juga : Cara memasang unit iklan google adsense tambah artikel terkait di dalam postingan anda

Setelah itu, silahkan anda Parse dulu kode unit iklan di atas disini. Apabila anda tidak memparse unit iklan google adsense tersebut, maka akan kemungkinan terjadi eror pada bagian edit HMTL template anda.

Untuk tutorial ini berguna bagi para pengguna blogger (Blogspot) dan tidak berfungsi untuk pengguna Wordpress, jika anda adalah pengguna blogger, maka anda bisa mengikuti cara diatas untuk menambah penghasilan anda.

Nah mungkin ini saja yang dapat saya sampaikan pada pertemuan kali ini, jika anda sebagai publishir google adsense, cara diatas sangat di sarankan (Anjurkan) untuk menambah penghasilan akun anda, dan apabila ada pertanyaan dan kurang di mengerti, silahkan anda berikan komentar.
Advertisement
 
Advertisement
 

Note :
-Di larang pasang link aktif di kolom komentar
-Komentar akan disetujui jika sesuai dengan topik kontent
EmoticonEmoticon