Pada kesempatan ini admin akan membagikan tutorial cara memasang lazy load adsense versi terbaru di wordpress.
Sebelumnya saya sudah pernah mmenjelaskan tentang cara memasang lazy loadsense versi terbaru di di blogger/blogspot, nah kali ini untuk versi wordpressnnya.
Lazy load adsense ini bekerja dengan cara saat kita membuka situs, iklan adsense akan dimuat setelah terja proses scrolling. Dengan kata lain artikel akan dimuat terlebih dahulu dan adsense baru akan dimuat jika terjadi proses scrolling artikel.
Namun ini hanya berlaku untuk pengunjung yang baru pertama kali membuka situs kalian, bagi yang sudah pernah membuka situs maka akan dimuat seperti biasa tanpa mengganggu kecepatan loading blog.
Cara Memasang Lazy Load AdSense di WordPress
- Buka WordPress
- Pilih Tampilan
- Kemudian pilih Editor Berkas Tema
- Pilih Footer.php
- kemudian letakkan kode diatas ini tepat berada diatas kode
</body>
<script>/*<![CDATA[*/ // lazy load ASense Felmika function lazyOnload() { let adPub = 'ca-pub-XXXXXXXXXXXXXXXX'; let ads = document.createElement("script"); ads.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-" + adPub, ads.async = !0, ads.setAttribute("crossorigin", "anonymous"), document.head.appendChild(ads) } function Dtc(){lazyOnload(),localStorage.setItem("lazyCheck","true")}var lazyGetStorage=localStorage.getItem("lazyCheck");if("true"!=lazyGetStorage){var e=!1,t=!1;window.addEventListener("scroll",()=>{(0!=document.documentElement.scrollTop&&!1===e||0!=document.body.scrollTop&&!1===e)&&(Dtc(),e=!0,t=!0)},!0),window.addEventListener("click",()=>{!1===t&&!1===t&&(Dtc(),t=!0,e=!0)},!0)}"true"===lazyGetStorage&&lazyOnload(); /*]]>*/</script>
- Jika sudah pilih Perbaharui Berkas
Catatan: Ganti kode ca-pub-XXXXXXXXXXXXXXXX dengan ID AdSense kalian sendiri.
untuk penerapannya iklannya kalian tinggal menghapus saja kode adsense yang saya beri mark ini:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX" crossorigin="anonymous"></script> <!-- Sidebar --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" data-ad-slot="5627518277" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
maka hasilnya akan seperti ini:
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" data-ad-slot="5627518277" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
Itulah tadi cara memasang lazy load adsense di wordpress, jika ada hal yang kurang dipahami silahkan bertanya di kolomm komentar, terikasih.