Menambahkan kode untuk membuat iklan google adsense menjadi lebih ringan saat dimuat pada platform blogger – Selamat Datang di Blog Orang IT. Tak terasa sebentar lagi lebaran , puasa 30 hari terasa sebentar … semoga tahun depan kita bisa berjumpa lagi dengan bulan ramadhan dan masih diberikan kesehatan untuk bisa beribadah tentunya harus lebih baik dari ramadhan tahun ini.
Sambil menunggu waktu berbuka saya akan share tips sederhana untuk mengatasi javascript pada kode iklan google adsense yang sedikit banyak mempengarui loading blog. Bayangkan saja blog yang awalnya mendapatkan nilai 90 versi mobile setelah dipasang sepotong kode dari autoads skornya langsung turun menjadi 30
Siapa sih yang mau punya blog lambat ? saya yakin kebanyakan para blogger yang sudah menjadi mitra adsense merasa bingung untuk mengatasi sepotong kode javascript dari adsense yang membut loading blog menjadi berat khususnya jika anda menggunakan iklan autoads seperti saya.
Belum ditemukan cara ampuh untuk meringankan javascript dari adsense namun ada sedikit trik tips agar pada saat memuat tayangan iklan adsense tidak membuat loading blog berat dan semakin lemot , minimal kalau demi pengunjung pada bagian main content bisa dimuat lebih awal dibandingkan iklan
Beberapa template yang dibuat dengan konsep minimalis berusaha untuk mengurangi penggunaan javascript selain pada bagian menu dropdown , sebelum kita melangkah ke pembahasan utama ijinkan saya untuk menjelaskan terlebih dahulu mengenai kelebihan dan kekurangan optimasi javascript yang akan kita terapkan pada script iklan google adsense
Baca juga : Cara mendaftarkan blog ke adsense lengkap!
Kekurangan mengoptimalkan javascript pada script iklan adsense
1. Tampilan iklan akan dijeda ketika blog baru pertama kali dibuka , dan tayangan iklan baru akan dimuat ketika pengunjung melakukan scroll pada area postingan atau halaman blog anda. Jadi saat di uji pada alat tes kecepatan template iklan adsense tidak otomatis dimuat sehingga skornya bisa tinggi
2. Penghasilan iklan adsense akan menurun akibat tayangan iklan baru dimuat saat pengunjung menggeser halaman. Sebenarnya ini tidak begitu berpengaruh karena biaya untuk 1000 tayangan iklan tidak lebih tinggi dari biaya perkliknya. Lagi pula besar tingginya pendapatan adsense dipengaruhi oleh ukuran iklan , tawaran iklan yang relevan dengan halaman dan jumlah visitor blog anda
Kelebihan mengoptimalkan javascript pada script iklan adsense
1. Membuat loading blog menjadi lebih cepat dan ringan saat diakses ole pengunjung , kecepatan blog dimasa kini menjadi sangat penting setelah google mengkonfirmasi bahwa kecepatan situs akan mempengaruhi peringkat dipencarian dekstop dan seluler
Ini karena google tidak mau menempatkan halaman yang lambat dimuat dihasil pencarian teratas
2. Ramah pengguna , iklan baru dimuat saat pengunjung menggeser halaman jadi ketika mereka melakukan scrolling otomatis iklan akan mulai muncul
3. Situs anda tetap memiliki skor penilaian yang tinggi di layanan tes kecepatan template
Setelah mengenal kelebihan dan kekurangan mengoptimalkan javascript pada kode iklan adsense sekarang kita akan melanjutkan pembahasan mengenai cara meringankan kode iklan adsense agar tidak mempengaruhi loading blog secara signifikan
1. Buka dashbord blogger > navigasi ke menu tema > edit html sampai terbuka halaman jendela editor
2. Gunakan fungsi shortcut ctrl+f untuk menemukan kode </head> atau pada kode iklan adsense dihalaman situs anda
3. Paste script ini tepat diatasnya
<!– Kode ini untuk lazyload adsense dan untuk kode auto ad, silahkan sesuaikan kode google_ad_client –>
<script>
//<![CDATA[
var lazyadsense = false;
window.addEventListener(“scroll”, function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) {
(function() { var ad = document.createElement(‘script’); ad.type = ‘text/javascript’; ad.async = true; ad.src = ‘https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’; var sc = document.getElementsByTagName(‘script’)[0]; sc.parentNode.insertBefore(ad, sc); })();
document.body.className += ” sticky”;
lazyadsense = true;
}
}, true);
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: “ca-pub-isi dengen kode kamu“,
enable_page_level_ads: true
});
//]]>
</script>
Atau anda juga bisa melakukan optimasi javascript dengan mengganti kodenya menjadi seperti ini
<script type=’text/javascript’>
//<![CDATA[
(function() { var ad = document.createElement(‘script’); ad.type = ‘text/javascript’; ad.async = true; ad.src = ‘https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’; var sc = document.getElementsByTagName(‘script’)[0]; sc.parentNode.insertBefore(ad, sc); })();
//]]>
</script>
Atau versi script yang lebih sederhana seperti ini
<script async=’async’ src=’https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’/>
Pastikan anda hanya menambahkan satu kode javascript saja untuk semua iklan yang terpasang didalam blog. Ubah kode ca-pub dengan id iklan anda masing-masing kemudan simpan template bloggernya. Cek pada web browser apakah script lazy load diatas sudah bekerja dengan baik atau belum
Sekian dan terimakasih
Like this:
Like Loading...
Menarik Anda Baca
