-->

Cara Memasang Lazy Load Adsense di Blogger / Blogspot

Cara Memasang Lazy Load Adsense di Blogger

Cara Memasang Lazy Load Adsense di Blogger / Blogspot - Menjadi publisher Google Adsense tentu merupakan suatu keinginan sebagian besar para blogger untuk bisa mendapatkan penghasilan tambahan ataupun utama melalui blog.

Dan setelah berhasil diterima, sebagai penayang iklan google adsense tentu masih ada langkah yang harus dilakukan supaya bisa mendapatkan pundi-pundi uang di blog. Yaitu mulai dari memasang unit iklan adsense di setiap postingan blog atau home, serta cara mengatur posisi iklan adsense yang tepat supaya bisa mendapatkan banyak klik iklan dari pengunjung.

Namun seperti yang kita ketahui, setelah memasang unit iklan adsense di blog maka akan  mempengauhi kecepatan loading yang menjadi semakin lambat. Hal tersebut bisa kita cek dan lihat dengan menggunakan bantuan tools PageSpeed Insights ataupun GTmetrix.

Yang mana setelah dicek maka akan terlihat jelas kalau salah satu pengebab blog menjadi berat adalah  script-script dari setiap unit iklan adsense yang dipasang pada blog.

Dan untuk mengatasi hal tersebut, ada beragam cara yang bisa di lakukan agar loading blog tidak menjadi semakin berat. Selain membatasi jumlah iklan yang tayang, kita juga bisa menggunakan cara yang paling efektif yaitu dengan cara memasang script Lazy Load Adsense. Nah buat kalian yang belum tau apa itu lazy load adsense dan fungsinya, kalian bisa membaca terlebih dahulu penjelasannya berikut ini.

Lazy Load Adsense

Lazy load Adsense adalah plugin atau script javascript yang berfungsi untuk mengoptimalkan kecepatan loading blog dengan cara menunda penampilan iklan adsense yang terdapat pada home ataupun halaman blog. 

Dengan menggunakan script Lazy Load Adsense ini, iklan yang terpasang di blog menjadi sedikit terhambat, dan akan muncul apabila pengguna melakukan scrolling atau menggulir layar sampai di tempat dima iklan tersebut berada. 

Dan hal tersebut tentunya akan membuat kecepatan loading blog menjadi semakin lebih ringan di saat  loading awal karena tidak langsung merender semua iklan yang ada.

Sebenarnya cara kerja dari script ini hampir sama dengan Lazy Load Image yang sudah pernah saya bahas pada postingan sebelumnya.

Perbedaannya hanya script iklan adsense menggunakan JavaScript yang dipanggil dari luar. Contoh kodenya seperti ini :

<script data-ad-client="ca-pub-xxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Dimana nantinya Script JS diatas tersebut yang akan kita ubah menjadi Lazy Load AdSense. Maka dari itu apabila kalian ingin menggunakan lazy load adsense ini, hal pertama yang harus di lakukan adalah menghapus semua script seperti yang ada diatas tersebut pada blog kalian. Karena pada dasarnya lazy load adsense ini tidak akan bekerja apabila jika script bawaan dari Google Adsense masih terpasang.

Cara Memasang Lazy Load Adsense di Blogger

Apabila kalian sudah siap ingin menggunakan Lazy Load Adsense di Blog, bisa langsung ikuti langkah cara dibawah ini :

1. Pertama-tama buka Dasboard Blogger kalian.

2. Kemudian masuk ke Tema ➤ Edit HTML.

3. Setelah itu Tekan CTRL + F, lalu masukkan kata kunci pagead2.googlesyndication.com untuk mencari kode script bawaan Google AdSense seperti dibawah ini.

<script data-ad-client="ca-pub-xxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

4. Hapus semua script tersebut jika ada lebih dari satu.

5. Selanjutnya tekan CTRL + F lagi untuk mencari kode </body>.

6. Copy Script Lazy Load Adsense dibawah ini.

<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>

7. Dan letakkan tepat diatas kode </body>.

PENTING! : Jika ingin menambah kode unit iklan baru, pastikan meng-copy kodenya mulai dari <ins class="adsbygoogle" hingga bawah, jadi JavaScript yang ada di atasnya tidak perlu dipasang kembali. Contoh pemasangannya seperti berikut ini :

<ins class="adsbygoogle"

     style="display:block"

     data-ad-client="ca-pub-xxx"

     data-ad-slot="xxx"

     data-ad-format="auto"

     data-full-width-responsive="true"></ins>

<script>

     (adsbygoogle = window.adsbygoogle || []).push({});

</script>

Nah, jadi itulah cara untuk memasang lazy load Adsense di Blogger atau Blogspot, pastikan kalian melakukan setiap langkah-langkah cara diatas dengan baik dan benar agar supaya tidak mengalami kerusakan pada template blog. Dan untuk mengantisipasi hal-hal yang tidak di inginkan kalian bisa melakukan pem-backup-an template terlebih dahulu.

Setelah memasang scriptnya jangan lupa untuk mengecek apakah sudah bekerja atau belum. Caranya kalian dapat mencoba akses blog yang sudah kalian pasang lazyload adsense apakah iklan yang tampil sudah berhasil dirender sebelum di scroll, atau bisa dengan melakukan pengecekan di Pagespeed Insights atau GTmetrix untuk melihat skor kecepatan blog sebelum dan sesudah memasang script lazy load ini.

Penutup : Baiklah mungkin segitu saja pada postingan kali ini mengenai Cara Memasang Lazy Load Adsense di Blogger / Blogspot, semoga bisa bermanfaat. Dan jangan lupa juga ikuti terus blog Tutorapik.com untuk mendapatkan artikel menarik dan bermanfaat lainnya pada kesempatan selanjutnya.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel