![]() |
Ilustrasi Lazyload |
Pemasangan iklan AdSense di blog adalah salah satu cara paling umum bagi para blogger untuk menghasilkan pendapatan dari konten mereka. Namun, kadang-kadang iklan yang dimuat bersamaan dengan halaman web dapat mempengaruhi kecepatan loading situs, yang pada gilirannya dapat merugikan pengalaman pengguna dan peringkat SEO Anda. Inilah mengapa penerapan teknik "Lazy Load" menjadi penting.
Apa Itu Lazy Load?
Lazy Load merupakan teknik yang memungkinkan gambar, video, dan elemen-elemen lain di halaman web untuk dimuat hanya saat dibutuhkan, misalnya, ketika pengguna menggulir ke bawah halaman. Dengan menerapkan Lazy Load pada iklan AdSense, Anda dapat meningkatkan waktu pemuatan halaman dan mengoptimalkan pengalaman pengguna.
Langkah-langkah untuk Memasang Script Lazy Load Iklan AdSense di Blog Anda
- Pertama-tama, pastikan Anda sudah login ke akun AdSense Anda.
- AdSense menawarkan berbagai jenis iklan, termasuk iklan teks, iklan gambar, dan iklan responsif. Pilih jenis iklan yang ingin Anda pasang di blog Anda.
- Setelah memilih jenis iklan, Anda perlu mendapatkan kode iklan dari akun AdSense Anda. Klik pada iklan yang ingin Anda pasang, lalu pilih opsi "Dapatkan Kode". Salin kode iklan tersebut.
- Selanjutnya, Anda perlu mengedit tema blog Anda. Buka dashboard blog Anda dan temukan opsi untuk mengedit kode tema.
- Untuk menerapkan teknik Lazy Load, Anda dapat menggunakan plugin yang tersedia untuk platform blog Anda. Misalnya, jika Anda menggunakan WordPress, Anda dapat mencari plugin Lazy Load di direktori plugin WordPress.
- Setelah menginstal plugin Lazy Load, masukkan kode iklan AdSense yang sudah Anda salin ke dalam pengaturan plugin tersebut.
- Beberapa plugin Lazy Load memungkinkan Anda untuk mengkonfigurasi berbagai pengaturan, seperti kapan elemen-elemen akan dimuat. Sesuaikan pengaturan ini sesuai dengan preferensi Anda.
- Setelah Anda mengatur plugin Lazy Load, pastikan untuk menyimpan perubahan Anda dan melakukan uji coba pada blog Anda. Pastikan iklan AdSense Anda dimuat dengan benar saat halaman web digulir.
Keuntungan Menggunakan Lazy Load untuk Iklan AdSense
- Menggunakan Lazy Load dapat mengurangi waktu pemuatan halaman blog Anda, yang akan meningkatkan pengalaman pengguna dan membantu Anda mempertahankan pemirsa.
- Kecepatan loading halaman adalah faktor penting dalam algoritma peringkat Google. Dengan mengoptimalkan kecepatan loading halaman Anda, Anda dapat meningkatkan peringkat SEO blog Anda.
- Dengan memperbaiki pengalaman pengguna dan meningkatkan peringkat SEO, Anda dapat menarik lebih banyak trafik ke blog Anda. Ini juga dapat berarti pendapatan yang lebih tinggi dari iklan AdSense.
Pasang Kode Script ini
<html> <head>
<!-- Tambahkan kode jQuery (jika belum ada) --><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- Kode Iklan AdSense -->
<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle" data-ad-client="YOUR-ADSENSE-CLIENT-ID" data-ad-format="auto" data-ad-slot="YOUR-ADSENSE-SLOT-ID" style="display: block;"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- Tambahkan script Lazy Load untuk iklan AdSense -->
<script>
$(window).on("load", function () {
// Ambil semua elemen iklan AdSense pada halaman
var ads = document.querySelectorAll('.adsbygoogle');
// Fungsi untuk memuat iklan AdSense
function loadAds() {
for (var i = 0; i < ads.length; i++) {
if (isElementInViewport(ads[i])) {
// Memuat iklan saat elemen dalam viewport
(adsbygoogle = window.adsbygoogle || []).push({});
}
}
}
// Fungsi untuk mengecek apakah elemen dalam viewport
function isElementInViewport(el) {
var rect = el.getBoundingClientRect();
return (
rect.bottom >= 0 &&
rect.right >= 0 &&
rect.top <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.left <= (window.innerWidth || document.documentElement.clientWidth)
);
}
// Panggil fungsi loadAds saat halaman di-scroll
$(window).on("scroll", loadAds);
// Panggil loadAds saat halaman pertama kali dimuat
loadAds();
});
</script>
</body>
</html>
Kesimpulan
Menerapkan teknik Lazy Load untuk iklan AdSense di blog Anda adalah cara cerdas untuk memaksimalkan pendapatan Anda sambil menjaga kecepatan dan pengalaman pengguna. Dengan mengikuti langkah-langkah di atas, Anda dapat dengan mudah mengintegrasikan iklan AdSense ke dalam blog Anda tanpa mengorbankan performa halaman web Anda. Ingatlah untuk selalu memantau hasilnya dan melakukan perubahan jika diperlukan untuk mencapai hasil yang optimal.
Comments0