Adsense Blogger Wordpress

Cara Menggunakan Lazy Load Iklan Google Adsense

0
Please log in or register to do it.

MedianWPCara Menggunakan Lazy Load Iklan Google Adsense — hai MedianWP lover, kali ini kita akan membahas tentang Cara Menggunakan Lazy Load Iklan Google Adsense. Apa itu Lazy Load Google Adsense? Lazy load adsense adalah sebuah cara yang dilakukan untuk mengoptimasi kode iklan Google Adsense agar dimuat lebih cepat dan tidak memperberat kinerja loading website.

  1. Kenapa harus Menggunakan Lazy Load Adsense?
  2. Cara Memasang Lazy Load Google Adsense di Website
  3. Kode Alternatif Script Lazy Load Adsense
  4. Script Untuk Mengefektifkan Penulisan Kode Adsense Yang Berulang

Lazy load Adsense adalah trik untuk menunda load javascript dari Adsense yang dapat mempercepat loading blog, karena load javascript adsense ditunda sampai ada akfitas scroll blog.

Perlu kalian ketahui penggunaan Javascript eksternal akan memperlambat loading blog, karena harus menunggu response server dari Javascript eksternal tersebut dan menunggu load filenya selesai.

Lalu bagaimana dengan blog yang sudah mempunyai Adsense?, tentu blog yang sudah mempunyai Adsense menggunakan Javascript eksternal.

Dan apabila kalian cek page speed insights blog yang sudah mempunyai Adsense pasti akan mendapat score merah, terkecuali blog yang sudah menggunakan script lazy load Adsense.

Kenapa harus Menggunakan Lazy Load Adsense?

Lazy load merupakan sebuah pattern web yang populer di dunia. Lazy load memudahkan pengunjung untuk melihat keseluruhan isi halaman tanpa mengurangi kecepatan loading. Jadi, halaman blog anda akan berhenti memuat ketika seluruh elemen yang penting termuat.

Dengan menggunakan lazy load untuk adsense, anda dapat mempercepat loading website tanpa khawatir script iklan adsense yang berat itu. Sehingga, pengguna lebih cepat menemukan informasi yang dicari dan mengunjungi halaman-halaman lain yang penting.

Cara Memasang Lazy Load Google Adsense di Website

Cara dibawah ini di khususkan bagi yang sudah berpengalaman dalam dunia web. Jika anda belum berpengalaman atau merasa ragu untuk menerapkan lebih baik hindari. Hal tersebut dilakukan agar tidak terjadi hal-hal yang tidak diinginkan pada blog.

Caranya adalah sebagai berikut.

Modifikasi pada Javascript
Javascript adalah bahasa pemograman yang terbilang cukup rumit. Jika anda tidak yakin untuk melakukan ini pada kode iklan google adsense sebaiknya jangan lakukan. Cara ini dilakukan untuk anda yang expert dan paham. Cara ini juga sudah diuji oleh Gulshan Kumar dan berhasil.

Setiap kode iklan google adsense pasti ada script berikut ini :

Kode Alternatif Script Lazy Load Adsense

Script Lazy Load AdSense #1

<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>

Script Lazy Load AdSense #2

<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); })();
    lazyadsense = true;
  }
}, true)
//]]>
</script>

Script Untuk Mengefektifkan Penulisan Kode Adsense Yang Berulang

Seperti yang kita ketahui bahwa setiap kita membuat slot iklan baru pada Adsense, maka Adsense akan memberikan script yang lengkap, namun jika kalian membuat beberapa slot iklan Adsense dan memasang semua script yang diberikan oleh Adsense tersebut menurut saya kurang efektif untuk penggunaan Javascript.

Karena banyak script yang sama dan ditulis secara berulang-ulang dan hal teserbut menurut saya kurang efektif, sebab kita bisa meminimalisir penggunaan Javascript Adsense yang ditulis secara berulang dengan hanya menggunakan script dibawah ini.

<script> //<![CDATA[
  for (var ads = document.querySelectorAll('ins.adsbygoogle'), i=0; i<ads.length; i++){
    if (ads[i]) {
      (adsbygoogle = window.adsbygoogle || []).push({});
    }
  }
//]]> </script>

Dengan script diatas kita dapat mengefektifkan penulisan Javascript Adsense yang berulang-ulang hanya dengan satu script yang simpan setelah kode lazy load Adsense.

Ingat! Kami tidak menjamin dengan menggunakan cara diatas, blog akan terhindar dari Banned Google Adsense. Silahkan digunakan apabila anda paham resiko yang harus diterima.

Nah sahabat MedianWP Lover itu lah tadi Cara Menggunakan Lazy Load Iklan Google Adsense versi MedianWP yang dapat Anda jadikan referensi pilihan buat teman teman, semoga Informasi Cara Menggunakan Lazy Load Iklan Google Adsense ini bermanfaat bagi Anda, Tekan CTRL + D untuk bookmark halaman ini. Silahkan tinggalkan komentar jika ada pertanyaan dan jangan lupa untuk membaca artikel menarik lainnya.

Cara Efektif Meningkatkan Domain Authority pada Website
Cara Minify CSS Manual dan Otomatis Blogger
Ad Area

Reactions

0
0
0
0
0
0
Already reacted for this post.

Reactions

Your email address will not be published. Required fields are marked *