Cara Memodifikasi Iklan Responsive Google Adsense
Memodifikasi iklan hanya dilakukan bagi anda yang membutuhhkan. Jika anda merasa tidak perlu untuk mengubah atau memodifikasi iklan atau sama sekali tidak mengerti mengenai CSS, Maka jangan ubah-ubah iklan Adsense. Karena jika error kemungkinan akun adsense anda akan di banned. Saya tidak menakut-nakuti anda. Karena saya juga memodifikasi iklan saya dan Alhamdulillah berhasil. Jadi tutorial ini hanya diperuntukan bagi yang membutuhkan.
Modifikasi Iklan Responsive Bentuk Horizontal
Secara default, kode iklan responsif Google Adsense menyertakan tag data-ad-format="auto" yang membuat tampilan berukuran otomatis untuk tampilan mobile. Namun, Anda dapat mengubah bentuk umum unit iklan responsif dengan mengubah auto menjadi salah satu kode seperti rectangle, vertical, atau horizontal. Anda juga bisa mengkombinasikan kode tersebut yang dipisahkan oleh tanda koma, misalnya "rectangle, horizontal".
<ins class="adsbygoogle"
style="display:block;"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"
data-ad-format="horizontal"></ins>
Modifikasi Iklan Responsive Sesuai Keinginan
Cara modifikasi ini dilakukan menambahkan CSS pada kode iklan responsive google adsense. Ikuti Langkah-langkah berikut bagi pengguna blogger :
- Login ke blogger
- Masuk ke menu template dan pilih edit template
- Cari kode ]]></b:skin>
- pastekan kode di bawah ini di atas kode ]]></b:skin>
.adkonten {width:336px;height:280px;margin:0 auto;}
@media screen and (max-width: 970px){.adkonten { width:336px;height:280px;}}
@media screen and (max-width: 768px){.adkonten { width:336px;height:280px; }}
@media screen and (max-width: 689px){.adkonten { width:336px;height:280px; }}
@media screen and (max-width: 629px){.adkonten { width:336px;height:280px; }}
@media screen and (max-width: 480px){.adkonten { width:468px;height:60px; }}
@media screen and (max-width: 337px){.adkonten { width: 320px; height: 50px; }}
@media screen and (max-width: 240px){.adkonten { width: 234px; height: 60px; }}
- pada iklan yang ingin dimodifikasi, tambahkan adkonten di samping adsbygoogle
Contoh :
<ins class="adsbygoogle adkonten"
style="display:inline-block;"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
Silahkan ada ubah lebar dan tinggi iklan sesuai dengan keinginan anda.
Cara Menyembunyikan Unit Iklan Responsive
Pada perangkat mobile dengan ukuran yang lebih kecil, munculnya iklan tentu akan membuat loading blog semakin lambat. Nah untuk mengakalinya, iklan responsive dapat disembunyikan. Caranya masih sama seperti cara diatas dan hanya perlu menambahkan kode display:none.
Contoh :
@media (max-width: 400px) { .adkonten { display: none; } }
Sebenarnya Google Adsense melarang memodifikasi iklan dengan memnyembunyikan iklan. Tapi khusus untuk unit iklan responsive, mereka memperbolehkannya.
Demikianlah postingan saya mengenai modifikasi iklan responsive Google Adsense. Semoga artikel ini dapat bermanfaat bagi kita semua.
Posting Komentar