Cara Merubah Iklan Adsense Menjadi Responsive Di Semua Perangkat Device
jumpa jumpa dan jumpa kembali bersama admin.
simata minimalis dan hidung hemat hhhh😁. "Karin SUCA 3"
Sabtu kemarin aku menjawab sebuah pertanyaan di salah satu lembaga forum yang membahas mengenai adsense dengan so pintarnya aku menjawab pertanyaan tersebut dengan mantav menyerupai mastah mastah di lembaga tersebut padahal bergotong-royong aku juga seorang newbie yang hanya bakir browsing di mbah google hhhh😁
Mungkin alasannya ialah tanggapan aku yang meyakinkan menyerupai spesialis yang sudah berkutat di dunia adsense bertahun tahun lamanya, ada seorang member yang meminta nomor kontak aku untuk sedikit bertanya tanya dan sharing dilema adsense dan blog.
Awalnya aku ragu untuk memperlihatkan nomor kontak aku soalnya postingan tersebut bersifat public sehingga semua orang yang berada di lembaga tersebut dapat melihat postingan tersebut termasuk nomor kontak saya, yang aku khawatirkan ialah pengalaman yang dulu dulu dikala menciptakan channel youtube wacana tutorial terulang kembali ketika aku memasukan nomor kontak aku pada channel tersebut yang mengakibatkan kontak aku kebanjiran pesan dan panggilan dari pemirsa channel youtube saya.
Tapi demi menjaga ke popularitasan 😎 alhasil aku memperlihatkan nomor kontak aku semoga dapat bertanya dan sharing secara eksklusif lewat handphone dan alhamdulillah sudah 2 hari berlalu kontak aku tidak kebanjiran pertanyaan 😅.
Setelah tanya jawab meskipun sedikit dan itu pun aku tidak dapat membantu banyak malah kebanyakan aku yang diberikan pinjaman atau masukan oleh orang tersebut dan salah satu pinjaman atau masukan tersebut ialah ia menyarankan aku untuk merubah iklan yang aku pasang semoga lebih responsive apabila di lihat pada perangkat mobile.
Dari sini aku mendapat suatu hal yang menarik ternyata untuk menjadi seorang blogger kita harus teliti dan detail untuk segala macam hal dilema mengenai pengelolaan sebuah website meskipun hal tersebut kecil tetapi itu dapat berdampak besar pada evaluasi orang, pengunjung bahkan diri sendiri terhadap website yang kita kelola.
Contohnya saja yang aku alami sendiri sebelumnya aku tidak begitu terganggu dengan penampakan iklan yang aku pasang mungkin alasannya ialah aku kurang peka hhhh😂, tetapi sehabis diberitahu, penampakan iklan tersebut menjadi mengganggu penglihatan aku alasannya ialah iklanya terpotong dan terlihat menyerupai bukan website proffesional saja, emang bukan proffesional 😁hhhh.
Wah udah panjang lebar nih tapi sabar ya ceritanya belum selesai nih, berdasarkan pepatah orang sabar kan di sayang yang kuasa 😁 jadi sering sering lah berkunjung kesini biar kesabaranya makin bertambah 😁.
Makara seorang member yang bertanya via handphone ini memperlihatkan masukan jika iklan aku ini terpotong apabila dilihat pada tampilan mobile dan menyarankan aku untuk merubahnya semoga tampilan iklan menjadi responsive dan tidak terpotong lagi.
Nah ini yang kalian tunggu tunggu, aku akan menyebarkan tips semoga iklan yang kalian pasang menjadi responsive dan tidak terpotong pada tampilan mobile. info aksesori biasanya iklan yang terpotong ini ialah iklan yang mempunyai ukuran 90x720 ya.
Contohnya menyerupai gambar di atas disebelah kanan ialah tampilan iklan yang responsive dan gambar yang disebelah kiri ialah tampilan iklan yang tidak responsive atau terpotong.
Nah terus bagaimana cara merubahnya semoga menjadi iklan yang responsive di perangkat manapun, caranya bergotong-royong sangat simple sekali ikuti langkah yang aku jelaskan di bawah ini ok.
Ini ialah aba-aba iklan adsense aku dengan ukuran 720x90 dan merupakan aba-aba default dari adsense pertama kali tetapi tampilanya tidak responsive apabila dilihat pada perangkat mobile.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Header -->
<ins class="adsbygoogle"
style="display:inline-block;width:720px;height:90px"
data-ad-client="ca-pub-1040099673426530"
data-ad-slot="5873508632"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- Header -->
<ins class="adsbygoogle"
style="display:inline-block;width:720px;height:90px"
data-ad-client="ca-pub-1040099673426530"
data-ad-slot="5873508632"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Kode di atas ada sebagian teks yang aku warnai menjadi merah itu ialah satu satunya aba-aba yang nanti akan kita rubah semoga iklan menjadi responsive.
Selanjutnya rubah dan ganti menjadi apa?
Rubahlah aba-aba merah tersebut menjadi 100% dan hasil tamat kodenya menjadi menyerupai script dibawah ini.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Header -->
<ins class="adsbygoogle"
style="display:inline-block;width:100%;height:90px"
data-ad-client="ca-pub-1040099673426530"
data-ad-slot="5873508632"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- Header -->
<ins class="adsbygoogle"
style="display:inline-block;width:100%;height:90px"
data-ad-client="ca-pub-1040099673426530"
data-ad-slot="5873508632"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Sudah selesai gampang sekali bukan dan jangan lupa untuk disimpan scriptnya terus cobalah untuk melihat hasilnya pada perangkat mobile.
Selamat mencoba, Tks.