Cara Memasang Lazy Load Google AdSense

Google AdSense adalah program monetisasi yang dijalankan oleh Google dan masih banyak orang yang minat untuk menjadi publisher maupun advertiser. Namun disisi lain salah satu masalah yang sering terjadi adalah Google AdSense dapat mempengaruhi kecepatan blog tentunya ada cara mempercepat loading iklan adsense.

Maka dari itu pentingnya menggunakan Lazy Load pada iklan Google AdSense di blog Anda agar dapat lebih mengoptimalkan kecepatan blog saat loading. Selain itu Anda bisa melihat pengunjung yang datang dengan menggunakan Google Analytics, untuk mengoptimasi JS Anda bisa melihat artikel Cara Memasang Lazy Load Google Analytics.

Apa Lazy Load Google Adsense? dan kenapa penting? Lazy load adsense adalah cara untuk mempercepat loading iklan adsense yang bisa dilakukan untuk mengoptimasi kode pada unit iklan agar kinerja website lebih cepat dan tidak membuat berat.

Cara Memasang Lazy Load Google AdSense

Dengan memasang Lazy Load pada iklan tentunya dapat berdampak pada kecepatan situs yang membuat pengunjung nyaman dan betah berlama lama di dalam blog Anda dan bisa mencari informasi tanpa menunggu lama.

Memasang Lazy Load Google AdSense

Ini adalah contoh kode iklan pada Google AdSense yang belum di optimasi.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></s
<!-- leaderboard -->
<ins class="adsbygoogle"
 style="display:inline-block;width:728px;height:90px"
 data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
 data-ad-slot="112233445566"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Baca juga : Cara Memasang Lazy Load Google Analytics

Merubah JavaScript Google AdSense

Langkah pertama adalah dengan merubah JavaScript pada JS Google Adsense yang ada dengan mengubah metode ASYNC ke DEFER. Hapus kode dibawah pada semua unit iklan yang ada pada website atau blog Anda.

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

Hingga kode menjadi seperti ini :

<ins class="adsbygoogle"
 style="display:inline-block;width:728px;height:90px"
 data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
 data-ad-slot="112233445566"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Langkah kedua adalah dengan menambahkan kode dibawah ini di bagian Footer tepat sebelum </footer> di website maupun blog Anda. Saya pribadi lagi lagi menggunakan fitur hook dari Generatepress untuk memudahkan penambahan kode seperti ini atau jika Anda bingung bisa menggunakan Plugin dari Code Snippet.

<!--noptimize-->
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
<!--/noptimize-->

Kesimpulan

Tentunya mendapatkan penghasilan dari iklan yang di tayangkan pada blog kita menjadi hal yang diinginkan banyak orang, oleh karena itu juga Anda harus mengoptimasi agar pengunjung betah berlama lama di dalam website Anda. Dengan menggunakan tutorial ini bisa membuat website Anda tetap dengan performa yang maximal.

Leave a Comment