Mengubah atau memodifikasi kode iklan Adsense memang dibolehkan sejauh tidak melanggar kebijakan Adsense. Merubah kode unit iklan Adsense sebetulnya tidak diperlukan oleh kita secara manual bila merubahnya itu hanya menginginkan semisal ukuran iklan yang disesuaikan dengan lebar atau tinggi halaman web atau blog kita karena memang sudah disediakan tinggal kita pilih saja ukuran yang mana yang sesuai keinginan. Ukuran yang direkomendasikan Google Adsense adalah mengunakan kode iklan responsif dan juga model iklan display yang akan sesuai dengan perangkat yang digunakan oleh Pengunjung.
Pada beberapa bulan kebelakang tampilan pada unit iklan dihalaman akun Adsense sudah berubah pengguna lebih mudah dalam mengatur unit iklan atau tampilan iklan disitusnya, seperti cara untuk mengubah unit iklan bisa menggunakan ukuran tetap ataupun responsif seperti yang direkomendasikan oleh Google Adsense lebih mudah.
Ukuran unit iklan default yang disediakan oleh Adsense seperti;
Iklan teks & bergambar (Display)
Spanduk horisontal
Iklan memanjang kesamping dengan beberapa ukuran yang bisa diatur sendiri seperti ukuran banner iklan Adsense yang sudah umum banyak digunakan oleh Publisher dan juga direkomendasikan adalah 970×250, 970×90, 728×90, 468×60, 320×100 dan bila tidak mau ribet dengan pemilihan ukuran iklan yang akan digunakan sebaiknya gunakan ukuran responsif saja sesua yang direkomendasikan.
Spanduk tegak
Iklan berdiri bisa kita ukuran seperti 300×1050, 300×600, 160×600, 120×600, 120×600, 120×240.
Persegi /persegi panjang
Unit iklan jenis ini biasanya adalah berukuran 336×280, 300×250, 200×200, 180×150 bisa juga menggunakan ukuran responsif.
Ukuran Responsif
Unit iklan ini memiliki kemampuan menyesuaikan dengan perangkat yang digunakan oleh pengunjung selain itu ada juga unit iklan tautan responsif yang bisa kita pilih
Ukuran Tetap / khusus
Dengan unit iklan ini kita bisa mengatur ukuran iklan sesuai dengan keinginan atau menyesuaikan dengan lebar dan tinggi halaman.
Iklan link
Unit iklan link tentunya sudah pada tahu seperti apa, pada unit iklan ini ada beberapa pilihan ukuran namun tentunya lebih disarankan mengunakan unit iklan link responsif
Konten yang sesuai
Unit iklan ini hanya bisa didapatkan oleh situs yang sudah memenuhi syarat, bagi yang tidak menemukan unit iklan ini di akun Adsensenya jangan heran dan untuk mendapatkan unit iklan ini terus tingkatkan pengunjung situsnya nanti akan diberikan pemberitahuan bila situsnya sudah memenuhi syarat untuk memasang unit iklan matched konten / konten yang sesuai.
Iklan dalam feed
Unit iklan ini dipasang pada halaman feed seperti diantara halaman utama atau depan dan arsip pada web atau blog
Iklan dalam artikel
Unit iklan ini dipasang pada halaman singel dalam postingan diantara paragrap didalam artikel.
Itulah beberapa pilihan model dan ukuran unit iklan yang disediakan oleh Adsense dan bila tidak mau repot ataupun memang tidak terlalu paham sebaiknya kita gunakan saja unit iklan responsif atau gunakan unit iklan otomatis yang paling mudah, seperti apa unit iklan otomatis? unit iklan otomatis adalah kode unit iklan yang akan secara otomatis menempatkan iklan pada setiap halaman tanpa harus banyak menempatkan kode iklan, cukup dengan satu kode iklan saja yang kita simpan didalam theme di antara tag <head> dan </head> selanjutnya kita tinggal megaturnya di halaman akun adsense masing-masing. Seperti menampilkan iklan display, iklan dalam feed, iklan dalam artikel, konten yang sesuai, Iklan overlay → iklan anchor (iklan sticky yang bisa muncul diatas / dibawah layar perangkat seluler) dan iklan vinyet (iklan yang muncul menutup secara keseluruhan layar perangkat seluler yang tentunya bila ingin meneruskan membaca pengunjung harus menutupnya terlebih dahulu).
Lalu bagaimana bila ingin mengubah atau mengedit kode iklan adsense sesuai ukuran yang diinginkan oleh kita sendiri?
Bila menginginkan ukuran iklan tetap untuk beberapa ukuran layar seperti perangkat HP, tablet dan juga dekstop bisa gunakan kode unit iklan Adsense dengan CSS berikut :
<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
</style>
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– example_responsive_1 –>
<ins class=”adsbygoogle example_responsive_1“
style=”display:inline-block”
data-ad-client=”ca-pub-XXXXXXX11XXX9“
data-ad-slot=”8XXXXX1“></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Ganti yang ditandai kuning dengan data example_responsive_1 dengan nama unit iklan diakun Adsense yang Anda buat masing-masing semisal ads_1 → ganti ca-pub-XXXXXXX11XXX9 id Adsense masing-masing → ganti dengan kode slot unit iklan yang akan digunakan dan setelah semua benar jangan lupa simpan dan cek apakan iklan Adsense sudah sesuai.
Kode iklan diatas akan menyesuaikan sesuai ukuran layar perangkat yang digunakan seperti :
- Pada ukuran layar maksimal 500 pixel adalah 320×100
- Pada ukuran layar 500 pixel sampai dengan 799 pixel adalah 468×60
- Pada ukuran layar 800 pixel keatas adalah 728×90
Bila ingin ukuran iklan Adsense dengan lebar responsif atau menyesuaikan dengan lebar layar yang digunakan dan tinggi tetap sesuai yang diinginkan. Berikut adalah contoh kode iklan responsif dengan tinggi tetap dan lebar 400 sampai dengan maksimalnya 970 pixel.
<ins class=”adsbygoogle”
style=”display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px“
data-ad-client=”ca-pub-1234“
data-ad-slot=”5678“></ins>
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
Silahkan ganti ca-pub-1234 dan juga 5678 dengan kode slot unit iklan.
Lalu bagaimana bila ingin meyembunyikan unit iklan Adsense pada ukuran layar tertentu semisal pada ukuran perangkat seperti handphone atau layar dengan ukuran maksimal 400px? Berikut adalah caranya dengan menggunakan CSS :
<style type=”text/css”>
.adslot_1 { display:inline-block; width: 320px; height: 50px; }
@media (max-width: 400px) { .adslot_1 { display: none; } }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class=”adsbygoogle adslot_1″
data-ad-client=”ca-pub-1234“
data-ad-slot=”5678“></ins>
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
Seperti biasa ganti ca-pub-1234 dan juga 5678 dengan slot iklan yang akan disembunyikan pada ukuran layar tertentu.
Amankah bila kita merubah kode Adsense dengan cara diatas? Tentunya saya rasa aman karena kode CSS diatas sudah dicontohkan pada artikel topic 9183242 pada halaman bantuan Google Adsense.
Sekian terkait Cara saya mengubah kode iklan responsif adsense semoga bermanfaat.